Created
December 4, 2022 04:43
-
-
Save IWANABETHATGUY/8cbfa7246af46a26cd8480ce7e9a5f47 to your computer and use it in GitHub Desktop.
This file has been truncated, but you can view the full file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/******/ (() => { // webpackBootstrap | |
/******/ var __webpack_modules__ = ({ | |
/***/ "./node_modules/.pnpm/@ant-design+colors@6.0.0/node_modules/@ant-design/colors/dist/index.esm.js": | |
/*!*******************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+colors@6.0.0/node_modules/@ant-design/colors/dist/index.esm.js ***! | |
\*******************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
blue: ()=>blue, | |
cyan: ()=>cyan, | |
geekblue: ()=>geekblue, | |
generate: ()=>generate, | |
gold: ()=>gold, | |
green: ()=>green, | |
grey: ()=>grey, | |
lime: ()=>lime, | |
magenta: ()=>magenta, | |
orange: ()=>orange, | |
presetDarkPalettes: ()=>presetDarkPalettes, | |
presetPalettes: ()=>presetPalettes, | |
presetPrimaryColors: ()=>presetPrimaryColors, | |
purple: ()=>purple, | |
red: ()=>red, | |
volcano: ()=>volcano, | |
yellow: ()=>yellow | |
}); | |
const _tinycolor = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/public_api.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, _tinycolor.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, _tinycolor.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, _tinycolor.inputToRGB)(color); | |
for(var i = lightColorCount; i > 0; i -= 1){ | |
var hsv = toHsv(pColor); | |
var colorString = toHex((0, _tinycolor.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, _tinycolor.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, _tinycolor.inputToRGB)(opts.backgroundColor || "#141414"), (0, _tinycolor.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/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ArrowLeftOutlined.js": | |
/*!***********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ArrowLeftOutlined.js ***! | |
\***********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = ArrowLeftOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ArrowRightOutlined.js": | |
/*!************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ArrowRightOutlined.js ***! | |
\************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = ArrowRightOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/BarsOutlined.js": | |
/*!******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/BarsOutlined.js ***! | |
\******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = BarsOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CalendarOutlined.js": | |
/*!**********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CalendarOutlined.js ***! | |
\**********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = CalendarOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CaretDownFilled.js": | |
/*!*********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CaretDownFilled.js ***! | |
\*********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = CaretDownFilled; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CaretDownOutlined.js": | |
/*!***********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CaretDownOutlined.js ***! | |
\***********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = CaretDownOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CaretUpOutlined.js": | |
/*!*********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CaretUpOutlined.js ***! | |
\*********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = CaretUpOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled.js": | |
/*!***********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled.js ***! | |
\***********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = CheckCircleFilled; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CheckCircleOutlined.js": | |
/*!*************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CheckCircleOutlined.js ***! | |
\*************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = CheckCircleOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CheckOutlined.js": | |
/*!*******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CheckOutlined.js ***! | |
\*******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = CheckOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ClockCircleOutlined.js": | |
/*!*************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ClockCircleOutlined.js ***! | |
\*************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = ClockCircleOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CloseCircleFilled.js": | |
/*!***********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CloseCircleFilled.js ***! | |
\***********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
var CloseCircleFilled = { | |
"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 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" | |
} | |
} | |
] | |
}, | |
"name": "close-circle", | |
"theme": "filled" | |
}; | |
const _default = CloseCircleFilled; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CloseCircleOutlined.js": | |
/*!*************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CloseCircleOutlined.js ***! | |
\*************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
var CloseCircleOutlined = { | |
"icon": { | |
"tag": "svg", | |
"attrs": { | |
"viewBox": "64 64 896 896", | |
"focusable": "false" | |
}, | |
"children": [ | |
{ | |
"tag": "path", | |
"attrs": { | |
"d": "M685.4 354.8c0-4.4-3.6-8-8-8l-66 .3L512 465.6l-99.3-118.4-66.1-.3c-4.4 0-8 3.5-8 8 0 1.9.7 3.7 1.9 5.2l130.1 155L340.5 670a8.32 8.32 0 00-1.9 5.2c0 4.4 3.6 8 8 8l66.1-.3L512 564.4l99.3 118.4 66 .3c4.4 0 8-3.5 8-8 0-1.9-.7-3.7-1.9-5.2L553.5 515l130.1-155c1.2-1.4 1.8-3.3 1.8-5.2z" | |
} | |
}, | |
{ | |
"tag": "path", | |
"attrs": { | |
"d": "M512 65C264.6 65 64 265.6 64 513s200.6 448 448 448 448-200.6 448-448S759.4 65 512 65zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" | |
} | |
} | |
] | |
}, | |
"name": "close-circle", | |
"theme": "outlined" | |
}; | |
const _default = CloseCircleOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CloseOutlined.js": | |
/*!*******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CloseOutlined.js ***! | |
\*******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
var CloseOutlined = { | |
"icon": { | |
"tag": "svg", | |
"attrs": { | |
"viewBox": "64 64 896 896", | |
"focusable": "false" | |
}, | |
"children": [ | |
{ | |
"tag": "path", | |
"attrs": { | |
"d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" | |
} | |
} | |
] | |
}, | |
"name": "close", | |
"theme": "outlined" | |
}; | |
const _default = CloseOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CopyOutlined.js": | |
/*!******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CopyOutlined.js ***! | |
\******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = CopyOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DeleteOutlined.js": | |
/*!********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DeleteOutlined.js ***! | |
\********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = DeleteOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DotChartOutlined.js": | |
/*!**********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DotChartOutlined.js ***! | |
\**********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
var DotChartOutlined = { | |
"icon": { | |
"tag": "svg", | |
"attrs": { | |
"viewBox": "64 64 896 896", | |
"focusable": "false" | |
}, | |
"children": [ | |
{ | |
"tag": "path", | |
"attrs": { | |
"d": "M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM288 604a64 64 0 10128 0 64 64 0 10-128 0zm118-224a48 48 0 1096 0 48 48 0 10-96 0zm158 228a96 96 0 10192 0 96 96 0 10-192 0zm148-314a56 56 0 10112 0 56 56 0 10-112 0z" | |
} | |
} | |
] | |
}, | |
"name": "dot-chart", | |
"theme": "outlined" | |
}; | |
const _default = DotChartOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DoubleLeftOutlined.js": | |
/*!************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DoubleLeftOutlined.js ***! | |
\************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = DoubleLeftOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DoubleRightOutlined.js": | |
/*!*************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DoubleRightOutlined.js ***! | |
\*************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = DoubleRightOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DownOutlined.js": | |
/*!******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DownOutlined.js ***! | |
\******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = DownOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DownloadOutlined.js": | |
/*!**********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DownloadOutlined.js ***! | |
\**********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = DownloadOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EditOutlined.js": | |
/*!******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EditOutlined.js ***! | |
\******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = EditOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EllipsisOutlined.js": | |
/*!**********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EllipsisOutlined.js ***! | |
\**********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = EllipsisOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EnterOutlined.js": | |
/*!*******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EnterOutlined.js ***! | |
\*******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = EnterOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleFilled.js": | |
/*!*****************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleFilled.js ***! | |
\*****************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = ExclamationCircleFilled; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleOutlined.js": | |
/*!*******************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleOutlined.js ***! | |
\*******************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = ExclamationCircleOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EyeInvisibleOutlined.js": | |
/*!**************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EyeInvisibleOutlined.js ***! | |
\**************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = EyeInvisibleOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EyeOutlined.js": | |
/*!*****************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EyeOutlined.js ***! | |
\*****************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = EyeOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FileOutlined.js": | |
/*!******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FileOutlined.js ***! | |
\******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = FileOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FileTwoTone.js": | |
/*!*****************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FileTwoTone.js ***! | |
\*****************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = FileTwoTone; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FilterFilled.js": | |
/*!******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FilterFilled.js ***! | |
\******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = FilterFilled; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FolderOpenOutlined.js": | |
/*!************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FolderOpenOutlined.js ***! | |
\************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = FolderOpenOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FolderOutlined.js": | |
/*!********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FolderOutlined.js ***! | |
\********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = FolderOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/HolderOutlined.js": | |
/*!********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/HolderOutlined.js ***! | |
\********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
var HolderOutlined = { | |
"icon": { | |
"tag": "svg", | |
"attrs": { | |
"viewBox": "64 64 896 896", | |
"focusable": "false" | |
}, | |
"children": [ | |
{ | |
"tag": "path", | |
"attrs": { | |
"d": "M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z" | |
} | |
} | |
] | |
}, | |
"name": "holder", | |
"theme": "outlined" | |
}; | |
const _default = HolderOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/InfoCircleFilled.js": | |
/*!**********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/InfoCircleFilled.js ***! | |
\**********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = InfoCircleFilled; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/InfoCircleOutlined.js": | |
/*!************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/InfoCircleOutlined.js ***! | |
\************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = InfoCircleOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/LeftOutlined.js": | |
/*!******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/LeftOutlined.js ***! | |
\******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = LeftOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/LoadingOutlined.js": | |
/*!*********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/LoadingOutlined.js ***! | |
\*********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = LoadingOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/MinusSquareOutlined.js": | |
/*!*************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/MinusSquareOutlined.js ***! | |
\*************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = MinusSquareOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PaperClipOutlined.js": | |
/*!***********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PaperClipOutlined.js ***! | |
\***********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = PaperClipOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PictureTwoTone.js": | |
/*!********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PictureTwoTone.js ***! | |
\********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = PictureTwoTone; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PlusOutlined.js": | |
/*!******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PlusOutlined.js ***! | |
\******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
var PlusOutlined = { | |
"icon": { | |
"tag": "svg", | |
"attrs": { | |
"viewBox": "64 64 896 896", | |
"focusable": "false" | |
}, | |
"children": [ | |
{ | |
"tag": "defs", | |
"attrs": {}, | |
"children": [ | |
{ | |
"tag": "style", | |
"attrs": {} | |
} | |
] | |
}, | |
{ | |
"tag": "path", | |
"attrs": { | |
"d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" | |
} | |
}, | |
{ | |
"tag": "path", | |
"attrs": { | |
"d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z" | |
} | |
} | |
] | |
}, | |
"name": "plus", | |
"theme": "outlined" | |
}; | |
const _default = PlusOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PlusSquareOutlined.js": | |
/*!************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PlusSquareOutlined.js ***! | |
\************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = PlusSquareOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/QuestionCircleOutlined.js": | |
/*!****************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/QuestionCircleOutlined.js ***! | |
\****************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = QuestionCircleOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/RightOutlined.js": | |
/*!*******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/RightOutlined.js ***! | |
\*******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = RightOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/RotateLeftOutlined.js": | |
/*!************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/RotateLeftOutlined.js ***! | |
\************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = RotateLeftOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/RotateRightOutlined.js": | |
/*!*************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/RotateRightOutlined.js ***! | |
\*************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = RotateRightOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/SearchOutlined.js": | |
/*!********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/SearchOutlined.js ***! | |
\********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = SearchOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/StarFilled.js": | |
/*!****************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/StarFilled.js ***! | |
\****************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = StarFilled; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/SwapRightOutlined.js": | |
/*!***********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/SwapRightOutlined.js ***! | |
\***********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = SwapRightOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/UpOutlined.js": | |
/*!****************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/UpOutlined.js ***! | |
\****************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = UpOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/VerticalAlignTopOutlined.js": | |
/*!******************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/VerticalAlignTopOutlined.js ***! | |
\******************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = VerticalAlignTopOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/WarningFilled.js": | |
/*!*******************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/WarningFilled.js ***! | |
\*******************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = WarningFilled; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ZoomInOutlined.js": | |
/*!********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ZoomInOutlined.js ***! | |
\********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = ZoomInOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ZoomOutOutlined.js": | |
/*!*********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ZoomOutOutlined.js ***! | |
\*********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// This icon file is generated automatically. | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
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" | |
}; | |
const _default = ZoomOutOutlined; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js": | |
/*!****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js ***! | |
\****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _slicedToArray = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/slicedToArray.js")); | |
const _defineProperty = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/defineProperty.js")); | |
const _objectWithoutProperties = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _classnames = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! classnames */ "./node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js")); | |
const _context = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./Context */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/Context.js")); | |
const _iconBase = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./IconBase */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/IconBase.js")); | |
const _twoTonePrimaryColor = __webpack_require__(/*! ./twoTonePrimaryColor */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/twoTonePrimaryColor.js"); | |
const _utils = __webpack_require__(/*! ../utils */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/utils.js"); | |
var _excluded = [ | |
"className", | |
"icon", | |
"spin", | |
"rotate", | |
"tabIndex", | |
"onClick", | |
"twoToneColor" | |
]; | |
// should move it to antd main repo? | |
(0, _twoTonePrimaryColor.setTwoToneColor)("#1890ff"); | |
var Icon = /*#__PURE__*/ _react.forwardRef(function(props, ref) { | |
var _classNames; | |
var className = props.className, icon = props.icon, spin = props.spin, rotate = props.rotate, tabIndex = props.tabIndex, onClick = props.onClick, twoToneColor = props.twoToneColor, restProps = (0, _objectWithoutProperties.default)(props, _excluded); | |
var _React$useContext = _react.useContext(_context.default), _React$useContext$pre = _React$useContext.prefixCls, prefixCls = _React$useContext$pre === void 0 ? "anticon" : _React$useContext$pre; | |
var classString = (0, _classnames.default)(prefixCls, (_classNames = {}, (0, _defineProperty.default)(_classNames, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), (0, _defineProperty.default)(_classNames, "".concat(prefixCls, "-spin"), !!spin || icon.name === "loading"), _classNames), className); | |
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.normalizeTwoToneColors)(twoToneColor), _normalizeTwoToneColo2 = (0, _slicedToArray.default)(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1]; | |
return /*#__PURE__*/ _react.createElement("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({ | |
role: "img", | |
"aria-label": icon.name | |
}, restProps), {}, { | |
ref: ref, | |
tabIndex: iconTabIndex, | |
onClick: onClick, | |
className: classString | |
}), /*#__PURE__*/ _react.createElement(_iconBase.default, { | |
icon: icon, | |
primaryColor: primaryColor, | |
secondaryColor: secondaryColor, | |
style: svgStyle | |
})); | |
}); | |
Icon.displayName = "AntdIcon"; | |
Icon.getTwoToneColor = _twoTonePrimaryColor.getTwoToneColor; | |
Icon.setTwoToneColor = _twoTonePrimaryColor.setTwoToneColor; | |
const _default = Icon; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/Context.js": | |
/*!***************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/Context.js ***! | |
\***************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _react = __webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"); | |
var IconContext = /*#__PURE__*/ (0, _react.createContext)({}); | |
const _default = IconContext; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/IconBase.js": | |
/*!****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/IconBase.js ***! | |
\****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _objectWithoutProperties = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js")); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _utils = __webpack_require__(/*! ../utils */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/utils.js"); | |
var _excluded = [ | |
"icon", | |
"className", | |
"onClick", | |
"style", | |
"primaryColor", | |
"secondaryColor" | |
]; | |
var twoToneColorPalette = { | |
primaryColor: "#333", | |
secondaryColor: "#E6E6E6", | |
calculated: false | |
}; | |
function setTwoToneColors(_ref) { | |
var primaryColor = _ref.primaryColor, secondaryColor = _ref.secondaryColor; | |
twoToneColorPalette.primaryColor = primaryColor; | |
twoToneColorPalette.secondaryColor = secondaryColor || (0, _utils.getSecondaryColor)(primaryColor); | |
twoToneColorPalette.calculated = !!secondaryColor; | |
} | |
function getTwoToneColors() { | |
return (0, _objectSpread2.default)({}, twoToneColorPalette); | |
} | |
var IconBase = function IconBase(props) { | |
var icon = props.icon, className = props.className, onClick = props.onClick, style = props.style, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, restProps = (0, _objectWithoutProperties.default)(props, _excluded); | |
var colors = twoToneColorPalette; | |
if (primaryColor) { | |
colors = { | |
primaryColor: primaryColor, | |
secondaryColor: secondaryColor || (0, _utils.getSecondaryColor)(primaryColor) | |
}; | |
} | |
(0, _utils.useInsertStyles)(); | |
(0, _utils.warning)((0, _utils.isIconDefinition)(icon), "icon should be icon definiton, but got ".concat(icon)); | |
if (!(0, _utils.isIconDefinition)(icon)) { | |
return null; | |
} | |
var target = icon; | |
if (target && typeof target.icon === "function") { | |
target = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, target), {}, { | |
icon: target.icon(colors.primaryColor, colors.secondaryColor) | |
}); | |
} | |
return (0, _utils.generate)(target.icon, "svg-".concat(target.name), (0, _objectSpread2.default)({ | |
className: className, | |
onClick: onClick, | |
style: style, | |
"data-icon": target.name, | |
width: "1em", | |
height: "1em", | |
fill: "currentColor", | |
"aria-hidden": "true" | |
}, restProps)); | |
}; | |
IconBase.displayName = "IconReact"; | |
IconBase.getTwoToneColors = getTwoToneColors; | |
IconBase.setTwoToneColors = setTwoToneColors; | |
const _default = IconBase; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/twoTonePrimaryColor.js": | |
/*!***************************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/twoTonePrimaryColor.js ***! | |
\***************************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
setTwoToneColor: ()=>setTwoToneColor, | |
getTwoToneColor: ()=>getTwoToneColor | |
}); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _slicedToArray = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/slicedToArray.js")); | |
const _iconBase = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./IconBase */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/IconBase.js")); | |
const _utils = __webpack_require__(/*! ../utils */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/utils.js"); | |
function setTwoToneColor(twoToneColor) { | |
var _normalizeTwoToneColo = (0, _utils.normalizeTwoToneColors)(twoToneColor), _normalizeTwoToneColo2 = (0, _slicedToArray.default)(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1]; | |
return _iconBase.default.setTwoToneColors({ | |
primaryColor: primaryColor, | |
secondaryColor: secondaryColor | |
}); | |
} | |
function getTwoToneColor() { | |
var colors = _iconBase.default.getTwoToneColors(); | |
if (!colors.calculated) { | |
return colors.primaryColor; | |
} | |
return [ | |
colors.primaryColor, | |
colors.secondaryColor | |
]; | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ArrowLeftOutlined.js": | |
/*!********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ArrowLeftOutlined.js ***! | |
\********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _arrowLeftOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/ArrowLeftOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ArrowLeftOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var ArrowLeftOutlined = function ArrowLeftOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _arrowLeftOutlined.default | |
})); | |
}; | |
ArrowLeftOutlined.displayName = "ArrowLeftOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(ArrowLeftOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ArrowRightOutlined.js": | |
/*!*********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ArrowRightOutlined.js ***! | |
\*********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _arrowRightOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/ArrowRightOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ArrowRightOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var ArrowRightOutlined = function ArrowRightOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _arrowRightOutlined.default | |
})); | |
}; | |
ArrowRightOutlined.displayName = "ArrowRightOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(ArrowRightOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/BarsOutlined.js": | |
/*!***************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/BarsOutlined.js ***! | |
\***************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _barsOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/BarsOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/BarsOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var BarsOutlined = function BarsOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _barsOutlined.default | |
})); | |
}; | |
BarsOutlined.displayName = "BarsOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(BarsOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CalendarOutlined.js": | |
/*!*******************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CalendarOutlined.js ***! | |
\*******************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _calendarOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/CalendarOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CalendarOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var CalendarOutlined = function CalendarOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _calendarOutlined.default | |
})); | |
}; | |
CalendarOutlined.displayName = "CalendarOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(CalendarOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CaretDownFilled.js": | |
/*!******************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CaretDownFilled.js ***! | |
\******************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _caretDownFilled = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/CaretDownFilled */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CaretDownFilled.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var CaretDownFilled = function CaretDownFilled(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _caretDownFilled.default | |
})); | |
}; | |
CaretDownFilled.displayName = "CaretDownFilled"; | |
const _default = /*#__PURE__*/ _react.forwardRef(CaretDownFilled); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CaretDownOutlined.js": | |
/*!********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CaretDownOutlined.js ***! | |
\********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _caretDownOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/CaretDownOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CaretDownOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var CaretDownOutlined = function CaretDownOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _caretDownOutlined.default | |
})); | |
}; | |
CaretDownOutlined.displayName = "CaretDownOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(CaretDownOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CaretUpOutlined.js": | |
/*!******************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CaretUpOutlined.js ***! | |
\******************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _caretUpOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/CaretUpOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CaretUpOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var CaretUpOutlined = function CaretUpOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _caretUpOutlined.default | |
})); | |
}; | |
CaretUpOutlined.displayName = "CaretUpOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(CaretUpOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CheckCircleFilled.js": | |
/*!********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CheckCircleFilled.js ***! | |
\********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _checkCircleFilled = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/CheckCircleFilled */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var CheckCircleFilled = function CheckCircleFilled(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _checkCircleFilled.default | |
})); | |
}; | |
CheckCircleFilled.displayName = "CheckCircleFilled"; | |
const _default = /*#__PURE__*/ _react.forwardRef(CheckCircleFilled); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.js": | |
/*!**********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.js ***! | |
\**********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _checkCircleOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/CheckCircleOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CheckCircleOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var CheckCircleOutlined = function CheckCircleOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _checkCircleOutlined.default | |
})); | |
}; | |
CheckCircleOutlined.displayName = "CheckCircleOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(CheckCircleOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CheckOutlined.js": | |
/*!****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CheckOutlined.js ***! | |
\****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _checkOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/CheckOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CheckOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var CheckOutlined = function CheckOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _checkOutlined.default | |
})); | |
}; | |
CheckOutlined.displayName = "CheckOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(CheckOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ClockCircleOutlined.js": | |
/*!**********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ClockCircleOutlined.js ***! | |
\**********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _clockCircleOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/ClockCircleOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ClockCircleOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var ClockCircleOutlined = function ClockCircleOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _clockCircleOutlined.default | |
})); | |
}; | |
ClockCircleOutlined.displayName = "ClockCircleOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(ClockCircleOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js": | |
/*!********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js ***! | |
\********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _closeCircleFilled = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/CloseCircleFilled */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CloseCircleFilled.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var CloseCircleFilled = function CloseCircleFilled(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _closeCircleFilled.default | |
})); | |
}; | |
CloseCircleFilled.displayName = "CloseCircleFilled"; | |
const _default = /*#__PURE__*/ _react.forwardRef(CloseCircleFilled); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CloseCircleOutlined.js": | |
/*!**********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CloseCircleOutlined.js ***! | |
\**********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _closeCircleOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/CloseCircleOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CloseCircleOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var CloseCircleOutlined = function CloseCircleOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _closeCircleOutlined.default | |
})); | |
}; | |
CloseCircleOutlined.displayName = "CloseCircleOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(CloseCircleOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CloseOutlined.js": | |
/*!****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CloseOutlined.js ***! | |
\****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _closeOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/CloseOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CloseOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var CloseOutlined = function CloseOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _closeOutlined.default | |
})); | |
}; | |
CloseOutlined.displayName = "CloseOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(CloseOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CopyOutlined.js": | |
/*!***************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/CopyOutlined.js ***! | |
\***************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _copyOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/CopyOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/CopyOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var CopyOutlined = function CopyOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _copyOutlined.default | |
})); | |
}; | |
CopyOutlined.displayName = "CopyOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(CopyOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DeleteOutlined.js": | |
/*!*****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DeleteOutlined.js ***! | |
\*****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _deleteOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/DeleteOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DeleteOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var DeleteOutlined = function DeleteOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _deleteOutlined.default | |
})); | |
}; | |
DeleteOutlined.displayName = "DeleteOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(DeleteOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DotChartOutlined.js": | |
/*!*******************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DotChartOutlined.js ***! | |
\*******************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _dotChartOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/DotChartOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DotChartOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var DotChartOutlined = function DotChartOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _dotChartOutlined.default | |
})); | |
}; | |
DotChartOutlined.displayName = "DotChartOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(DotChartOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DoubleLeftOutlined.js": | |
/*!*********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DoubleLeftOutlined.js ***! | |
\*********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _doubleLeftOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/DoubleLeftOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DoubleLeftOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var DoubleLeftOutlined = function DoubleLeftOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _doubleLeftOutlined.default | |
})); | |
}; | |
DoubleLeftOutlined.displayName = "DoubleLeftOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(DoubleLeftOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DoubleRightOutlined.js": | |
/*!**********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DoubleRightOutlined.js ***! | |
\**********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _doubleRightOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/DoubleRightOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DoubleRightOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var DoubleRightOutlined = function DoubleRightOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _doubleRightOutlined.default | |
})); | |
}; | |
DoubleRightOutlined.displayName = "DoubleRightOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(DoubleRightOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DownOutlined.js": | |
/*!***************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DownOutlined.js ***! | |
\***************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _downOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/DownOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DownOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var DownOutlined = function DownOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _downOutlined.default | |
})); | |
}; | |
DownOutlined.displayName = "DownOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(DownOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DownloadOutlined.js": | |
/*!*******************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/DownloadOutlined.js ***! | |
\*******************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _downloadOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/DownloadOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/DownloadOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var DownloadOutlined = function DownloadOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _downloadOutlined.default | |
})); | |
}; | |
DownloadOutlined.displayName = "DownloadOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(DownloadOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/EditOutlined.js": | |
/*!***************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/EditOutlined.js ***! | |
\***************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _editOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/EditOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EditOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var EditOutlined = function EditOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _editOutlined.default | |
})); | |
}; | |
EditOutlined.displayName = "EditOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(EditOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/EllipsisOutlined.js": | |
/*!*******************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/EllipsisOutlined.js ***! | |
\*******************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _ellipsisOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/EllipsisOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EllipsisOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var EllipsisOutlined = function EllipsisOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _ellipsisOutlined.default | |
})); | |
}; | |
EllipsisOutlined.displayName = "EllipsisOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(EllipsisOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/EnterOutlined.js": | |
/*!****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/EnterOutlined.js ***! | |
\****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _enterOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/EnterOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EnterOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var EnterOutlined = function EnterOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _enterOutlined.default | |
})); | |
}; | |
EnterOutlined.displayName = "EnterOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(EnterOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.js": | |
/*!**************************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.js ***! | |
\**************************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _exclamationCircleFilled = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/ExclamationCircleFilled */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleFilled.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var ExclamationCircleFilled = function ExclamationCircleFilled(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _exclamationCircleFilled.default | |
})); | |
}; | |
ExclamationCircleFilled.displayName = "ExclamationCircleFilled"; | |
const _default = /*#__PURE__*/ _react.forwardRef(ExclamationCircleFilled); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.js": | |
/*!****************************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.js ***! | |
\****************************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _exclamationCircleOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/ExclamationCircleOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var ExclamationCircleOutlined = function ExclamationCircleOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _exclamationCircleOutlined.default | |
})); | |
}; | |
ExclamationCircleOutlined.displayName = "ExclamationCircleOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(ExclamationCircleOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/EyeInvisibleOutlined.js": | |
/*!***********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/EyeInvisibleOutlined.js ***! | |
\***********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _eyeInvisibleOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/EyeInvisibleOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EyeInvisibleOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var EyeInvisibleOutlined = function EyeInvisibleOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _eyeInvisibleOutlined.default | |
})); | |
}; | |
EyeInvisibleOutlined.displayName = "EyeInvisibleOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(EyeInvisibleOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/EyeOutlined.js": | |
/*!**************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/EyeOutlined.js ***! | |
\**************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _eyeOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/EyeOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/EyeOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var EyeOutlined = function EyeOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _eyeOutlined.default | |
})); | |
}; | |
EyeOutlined.displayName = "EyeOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(EyeOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/FileOutlined.js": | |
/*!***************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/FileOutlined.js ***! | |
\***************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _fileOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/FileOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FileOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var FileOutlined = function FileOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _fileOutlined.default | |
})); | |
}; | |
FileOutlined.displayName = "FileOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(FileOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/FileTwoTone.js": | |
/*!**************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/FileTwoTone.js ***! | |
\**************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _fileTwoTone = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/FileTwoTone */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FileTwoTone.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var FileTwoTone = function FileTwoTone(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _fileTwoTone.default | |
})); | |
}; | |
FileTwoTone.displayName = "FileTwoTone"; | |
const _default = /*#__PURE__*/ _react.forwardRef(FileTwoTone); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/FilterFilled.js": | |
/*!***************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/FilterFilled.js ***! | |
\***************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _filterFilled = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/FilterFilled */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FilterFilled.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var FilterFilled = function FilterFilled(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _filterFilled.default | |
})); | |
}; | |
FilterFilled.displayName = "FilterFilled"; | |
const _default = /*#__PURE__*/ _react.forwardRef(FilterFilled); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/FolderOpenOutlined.js": | |
/*!*********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/FolderOpenOutlined.js ***! | |
\*********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _folderOpenOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/FolderOpenOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FolderOpenOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var FolderOpenOutlined = function FolderOpenOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _folderOpenOutlined.default | |
})); | |
}; | |
FolderOpenOutlined.displayName = "FolderOpenOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(FolderOpenOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/FolderOutlined.js": | |
/*!*****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/FolderOutlined.js ***! | |
\*****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _folderOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/FolderOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/FolderOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var FolderOutlined = function FolderOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _folderOutlined.default | |
})); | |
}; | |
FolderOutlined.displayName = "FolderOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(FolderOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/HolderOutlined.js": | |
/*!*****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/HolderOutlined.js ***! | |
\*****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _holderOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/HolderOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/HolderOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var HolderOutlined = function HolderOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _holderOutlined.default | |
})); | |
}; | |
HolderOutlined.displayName = "HolderOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(HolderOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/InfoCircleFilled.js": | |
/*!*******************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/InfoCircleFilled.js ***! | |
\*******************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _infoCircleFilled = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/InfoCircleFilled */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/InfoCircleFilled.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var InfoCircleFilled = function InfoCircleFilled(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _infoCircleFilled.default | |
})); | |
}; | |
InfoCircleFilled.displayName = "InfoCircleFilled"; | |
const _default = /*#__PURE__*/ _react.forwardRef(InfoCircleFilled); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/InfoCircleOutlined.js": | |
/*!*********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/InfoCircleOutlined.js ***! | |
\*********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _infoCircleOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/InfoCircleOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/InfoCircleOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var InfoCircleOutlined = function InfoCircleOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _infoCircleOutlined.default | |
})); | |
}; | |
InfoCircleOutlined.displayName = "InfoCircleOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(InfoCircleOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/LeftOutlined.js": | |
/*!***************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/LeftOutlined.js ***! | |
\***************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _leftOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/LeftOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/LeftOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var LeftOutlined = function LeftOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _leftOutlined.default | |
})); | |
}; | |
LeftOutlined.displayName = "LeftOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(LeftOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/LoadingOutlined.js": | |
/*!******************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/LoadingOutlined.js ***! | |
\******************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _loadingOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/LoadingOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/LoadingOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var LoadingOutlined = function LoadingOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _loadingOutlined.default | |
})); | |
}; | |
LoadingOutlined.displayName = "LoadingOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(LoadingOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/MinusSquareOutlined.js": | |
/*!**********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/MinusSquareOutlined.js ***! | |
\**********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _minusSquareOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/MinusSquareOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/MinusSquareOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var MinusSquareOutlined = function MinusSquareOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _minusSquareOutlined.default | |
})); | |
}; | |
MinusSquareOutlined.displayName = "MinusSquareOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(MinusSquareOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/PaperClipOutlined.js": | |
/*!********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/PaperClipOutlined.js ***! | |
\********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _paperClipOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/PaperClipOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PaperClipOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var PaperClipOutlined = function PaperClipOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _paperClipOutlined.default | |
})); | |
}; | |
PaperClipOutlined.displayName = "PaperClipOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(PaperClipOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/PictureTwoTone.js": | |
/*!*****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/PictureTwoTone.js ***! | |
\*****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _pictureTwoTone = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/PictureTwoTone */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PictureTwoTone.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var PictureTwoTone = function PictureTwoTone(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _pictureTwoTone.default | |
})); | |
}; | |
PictureTwoTone.displayName = "PictureTwoTone"; | |
const _default = /*#__PURE__*/ _react.forwardRef(PictureTwoTone); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/PlusOutlined.js": | |
/*!***************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/PlusOutlined.js ***! | |
\***************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _plusOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/PlusOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PlusOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var PlusOutlined = function PlusOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _plusOutlined.default | |
})); | |
}; | |
PlusOutlined.displayName = "PlusOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(PlusOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/PlusSquareOutlined.js": | |
/*!*********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/PlusSquareOutlined.js ***! | |
\*********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _plusSquareOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/PlusSquareOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/PlusSquareOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var PlusSquareOutlined = function PlusSquareOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _plusSquareOutlined.default | |
})); | |
}; | |
PlusSquareOutlined.displayName = "PlusSquareOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(PlusSquareOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/QuestionCircleOutlined.js": | |
/*!*************************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/QuestionCircleOutlined.js ***! | |
\*************************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _questionCircleOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/QuestionCircleOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/QuestionCircleOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var QuestionCircleOutlined = function QuestionCircleOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _questionCircleOutlined.default | |
})); | |
}; | |
QuestionCircleOutlined.displayName = "QuestionCircleOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(QuestionCircleOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/RightOutlined.js": | |
/*!****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/RightOutlined.js ***! | |
\****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _rightOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/RightOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/RightOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var RightOutlined = function RightOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _rightOutlined.default | |
})); | |
}; | |
RightOutlined.displayName = "RightOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(RightOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/RotateLeftOutlined.js": | |
/*!*********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/RotateLeftOutlined.js ***! | |
\*********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _rotateLeftOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/RotateLeftOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/RotateLeftOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var RotateLeftOutlined = function RotateLeftOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _rotateLeftOutlined.default | |
})); | |
}; | |
RotateLeftOutlined.displayName = "RotateLeftOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(RotateLeftOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/RotateRightOutlined.js": | |
/*!**********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/RotateRightOutlined.js ***! | |
\**********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _rotateRightOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/RotateRightOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/RotateRightOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var RotateRightOutlined = function RotateRightOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _rotateRightOutlined.default | |
})); | |
}; | |
RotateRightOutlined.displayName = "RotateRightOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(RotateRightOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/SearchOutlined.js": | |
/*!*****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/SearchOutlined.js ***! | |
\*****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _searchOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/SearchOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/SearchOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var SearchOutlined = function SearchOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _searchOutlined.default | |
})); | |
}; | |
SearchOutlined.displayName = "SearchOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(SearchOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/StarFilled.js": | |
/*!*************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/StarFilled.js ***! | |
\*************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _starFilled = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/StarFilled */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/StarFilled.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var StarFilled = function StarFilled(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _starFilled.default | |
})); | |
}; | |
StarFilled.displayName = "StarFilled"; | |
const _default = /*#__PURE__*/ _react.forwardRef(StarFilled); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/SwapRightOutlined.js": | |
/*!********************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/SwapRightOutlined.js ***! | |
\********************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _swapRightOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/SwapRightOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/SwapRightOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var SwapRightOutlined = function SwapRightOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _swapRightOutlined.default | |
})); | |
}; | |
SwapRightOutlined.displayName = "SwapRightOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(SwapRightOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/UpOutlined.js": | |
/*!*************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/UpOutlined.js ***! | |
\*************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _upOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/UpOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/UpOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var UpOutlined = function UpOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _upOutlined.default | |
})); | |
}; | |
UpOutlined.displayName = "UpOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(UpOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/VerticalAlignTopOutlined.js": | |
/*!***************************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/VerticalAlignTopOutlined.js ***! | |
\***************************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _verticalAlignTopOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/VerticalAlignTopOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/VerticalAlignTopOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var VerticalAlignTopOutlined = function VerticalAlignTopOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _verticalAlignTopOutlined.default | |
})); | |
}; | |
VerticalAlignTopOutlined.displayName = "VerticalAlignTopOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(VerticalAlignTopOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/WarningFilled.js": | |
/*!****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/WarningFilled.js ***! | |
\****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _warningFilled = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/WarningFilled */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/WarningFilled.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var WarningFilled = function WarningFilled(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _warningFilled.default | |
})); | |
}; | |
WarningFilled.displayName = "WarningFilled"; | |
const _default = /*#__PURE__*/ _react.forwardRef(WarningFilled); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ZoomInOutlined.js": | |
/*!*****************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ZoomInOutlined.js ***! | |
\*****************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _zoomInOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/ZoomInOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ZoomInOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var ZoomInOutlined = function ZoomInOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _zoomInOutlined.default | |
})); | |
}; | |
ZoomInOutlined.displayName = "ZoomInOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(ZoomInOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ZoomOutOutlined.js": | |
/*!******************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/icons/ZoomOutOutlined.js ***! | |
\******************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _zoomOutOutlined = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @ant-design/icons-svg/es/asn/ZoomOutOutlined */ "./node_modules/.pnpm/@ant-design+icons-svg@4.2.1/node_modules/@ant-design/icons-svg/es/asn/ZoomOutOutlined.js")); | |
const _antdIcon = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ../components/AntdIcon */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/AntdIcon.js")); | |
var ZoomOutOutlined = function ZoomOutOutlined(props, ref) { | |
return /*#__PURE__*/ _react.createElement(_antdIcon.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, { | |
ref: ref, | |
icon: _zoomOutOutlined.default | |
})); | |
}; | |
ZoomOutOutlined.displayName = "ZoomOutOutlined"; | |
const _default = /*#__PURE__*/ _react.forwardRef(ZoomOutOutlined); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/utils.js": | |
/*!**************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/utils.js ***! | |
\**************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
warning: ()=>warning, | |
isIconDefinition: ()=>isIconDefinition, | |
normalizeAttrs: ()=>normalizeAttrs, | |
generate: ()=>generate, | |
getSecondaryColor: ()=>getSecondaryColor, | |
normalizeTwoToneColors: ()=>normalizeTwoToneColors, | |
svgBaseProps: ()=>svgBaseProps, | |
iconStyles: ()=>iconStyles, | |
useInsertStyles: ()=>useInsertStyles | |
}); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _typeof = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/typeof.js")); | |
const _colors = __webpack_require__(/*! @ant-design/colors */ "./node_modules/.pnpm/@ant-design+colors@6.0.0/node_modules/@ant-design/colors/dist/index.esm.js"); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _warning = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! rc-util/es/warning */ "./node_modules/.pnpm/rc-util@5.24.4_biqbaboplfbrettd7655fr4n2y/node_modules/rc-util/es/warning.js")); | |
const _dynamicCSS = __webpack_require__(/*! rc-util/es/Dom/dynamicCSS */ "./node_modules/.pnpm/rc-util@5.24.4_biqbaboplfbrettd7655fr4n2y/node_modules/rc-util/es/Dom/dynamicCSS.js"); | |
const _context = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./components/Context */ "./node_modules/.pnpm/@ant-design+icons@4.7.0_biqbaboplfbrettd7655fr4n2y/node_modules/@ant-design/icons/es/components/Context.js")); | |
function warning(valid, message) { | |
(0, _warning.default)(valid, "[@ant-design/icons] ".concat(message)); | |
} | |
function isIconDefinition(target) { | |
return (0, _typeof.default)(target) === "object" && typeof target.name === "string" && typeof target.theme === "string" && ((0, _typeof.default)(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: | |
acc[key] = val; | |
} | |
return acc; | |
}, {}); | |
} | |
function generate(node, key, rootProps) { | |
if (!rootProps) { | |
return /*#__PURE__*/ _react.default.createElement(node.tag, (0, _objectSpread2.default)({ | |
key: key | |
}, normalizeAttrs(node.attrs)), (node.children || []).map(function(child, index) { | |
return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index)); | |
})); | |
} | |
return /*#__PURE__*/ _react.default.createElement(node.tag, (0, _objectSpread2.default)((0, _objectSpread2.default)({ | |
key: key | |
}, normalizeAttrs(node.attrs)), rootProps), (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, _colors.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. | |
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"; | |
var useInsertStyles = function useInsertStyles() { | |
var styleStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : iconStyles; | |
var _useContext = (0, _react.useContext)(_context.default), csp = _useContext.csp; | |
(0, _react.useEffect)(function() { | |
(0, _dynamicCSS.updateCSS)(styleStr, "@ant-design-icons", { | |
prepend: true, | |
csp: csp | |
}); | |
}, []); | |
}; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/arrows.js": | |
/*!**************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/arrows.js ***! | |
\**************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
PrevArrow: ()=>PrevArrow, | |
NextArrow: ()=>NextArrow | |
}); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _extends = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/extends.js")); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _classCallCheck = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/classCallCheck.js")); | |
const _createClass = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/createClass.js")); | |
const _inherits = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/inherits.js")); | |
const _createSuper = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/createSuper.js")); | |
const _react = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _classnames = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! classnames */ "./node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js")); | |
const _innerSliderUtils = __webpack_require__(/*! ./utils/innerSliderUtils */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/utils/innerSliderUtils.js"); | |
var PrevArrow = /*#__PURE__*/ function(_React$PureComponent) { | |
(0, _inherits.default)(PrevArrow, _React$PureComponent); | |
var _super = (0, _createSuper.default)(PrevArrow); | |
function PrevArrow() { | |
(0, _classCallCheck.default)(this, PrevArrow); | |
return _super.apply(this, arguments); | |
} | |
(0, _createClass.default)(PrevArrow, [ | |
{ | |
key: "clickHandler", | |
value: function clickHandler(options, e) { | |
if (e) { | |
e.preventDefault(); | |
} | |
this.props.clickHandler(options, e); | |
} | |
}, | |
{ | |
key: "render", | |
value: function render() { | |
var prevClasses = { | |
"slick-arrow": true, | |
"slick-prev": true | |
}; | |
var prevHandler = this.clickHandler.bind(this, { | |
message: "previous" | |
}); | |
if (!this.props.infinite && (this.props.currentSlide === 0 || this.props.slideCount <= this.props.slidesToShow)) { | |
prevClasses["slick-disabled"] = true; | |
prevHandler = null; | |
} | |
var prevArrowProps = { | |
key: "0", | |
"data-role": "none", | |
className: (0, _classnames.default)(prevClasses), | |
style: { | |
display: "block" | |
}, | |
onClick: prevHandler | |
}; | |
var customProps = { | |
currentSlide: this.props.currentSlide, | |
slideCount: this.props.slideCount | |
}; | |
var prevArrow; | |
if (this.props.prevArrow) { | |
prevArrow = /*#__PURE__*/ _react.default.cloneElement(this.props.prevArrow, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prevArrowProps), customProps)); | |
} else { | |
prevArrow = /*#__PURE__*/ _react.default.createElement("button", (0, _extends.default)({ | |
key: "0", | |
type: "button" | |
}, prevArrowProps), " ", "Previous"); | |
} | |
return prevArrow; | |
} | |
} | |
]); | |
return PrevArrow; | |
}(_react.default.PureComponent); | |
var NextArrow = /*#__PURE__*/ function(_React$PureComponent2) { | |
(0, _inherits.default)(NextArrow, _React$PureComponent2); | |
var _super2 = (0, _createSuper.default)(NextArrow); | |
function NextArrow() { | |
(0, _classCallCheck.default)(this, NextArrow); | |
return _super2.apply(this, arguments); | |
} | |
(0, _createClass.default)(NextArrow, [ | |
{ | |
key: "clickHandler", | |
value: function clickHandler(options, e) { | |
if (e) { | |
e.preventDefault(); | |
} | |
this.props.clickHandler(options, e); | |
} | |
}, | |
{ | |
key: "render", | |
value: function render() { | |
var nextClasses = { | |
"slick-arrow": true, | |
"slick-next": true | |
}; | |
var nextHandler = this.clickHandler.bind(this, { | |
message: "next" | |
}); | |
if (!(0, _innerSliderUtils.canGoNext)(this.props)) { | |
nextClasses["slick-disabled"] = true; | |
nextHandler = null; | |
} | |
var nextArrowProps = { | |
key: "1", | |
"data-role": "none", | |
className: (0, _classnames.default)(nextClasses), | |
style: { | |
display: "block" | |
}, | |
onClick: nextHandler | |
}; | |
var customProps = { | |
currentSlide: this.props.currentSlide, | |
slideCount: this.props.slideCount | |
}; | |
var nextArrow; | |
if (this.props.nextArrow) { | |
nextArrow = /*#__PURE__*/ _react.default.cloneElement(this.props.nextArrow, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextArrowProps), customProps)); | |
} else { | |
nextArrow = /*#__PURE__*/ _react.default.createElement("button", (0, _extends.default)({ | |
key: "1", | |
type: "button" | |
}, nextArrowProps), " ", "Next"); | |
} | |
return nextArrow; | |
} | |
} | |
]); | |
return NextArrow; | |
}(_react.default.PureComponent); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/default-props.js": | |
/*!*********************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/default-props.js ***! | |
\*********************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _react = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
var defaultProps = { | |
accessibility: true, | |
adaptiveHeight: false, | |
afterChange: null, | |
appendDots: function appendDots(dots) { | |
return /*#__PURE__*/ _react.default.createElement("ul", { | |
style: { | |
display: "block" | |
} | |
}, dots); | |
}, | |
arrows: true, | |
autoplay: false, | |
autoplaySpeed: 3000, | |
beforeChange: null, | |
centerMode: false, | |
centerPadding: "50px", | |
className: "", | |
cssEase: "ease", | |
customPaging: function customPaging(i) { | |
return /*#__PURE__*/ _react.default.createElement("button", null, i + 1); | |
}, | |
dots: false, | |
dotsClass: "slick-dots", | |
draggable: true, | |
easing: "linear", | |
edgeFriction: 0.35, | |
fade: false, | |
focusOnSelect: false, | |
infinite: true, | |
initialSlide: 0, | |
lazyLoad: null, | |
nextArrow: null, | |
onEdge: null, | |
onInit: null, | |
onLazyLoadError: null, | |
onReInit: null, | |
pauseOnDotsHover: false, | |
pauseOnFocus: false, | |
pauseOnHover: true, | |
prevArrow: null, | |
responsive: null, | |
rows: 1, | |
rtl: false, | |
slide: "div", | |
slidesPerRow: 1, | |
slidesToScroll: 1, | |
slidesToShow: 1, | |
speed: 500, | |
swipe: true, | |
swipeEvent: null, | |
swipeToSlide: false, | |
touchMove: true, | |
touchThreshold: 5, | |
useCSS: true, | |
useTransform: true, | |
variableWidth: false, | |
vertical: false, | |
waitForAnimate: true | |
}; | |
const _default = defaultProps; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/dots.js": | |
/*!************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/dots.js ***! | |
\************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "Dots", ({ | |
enumerable: true, | |
get: ()=>Dots | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _classCallCheck = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/classCallCheck.js")); | |
const _createClass = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/createClass.js")); | |
const _inherits = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/inherits.js")); | |
const _createSuper = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/createSuper.js")); | |
const _react = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _classnames = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! classnames */ "./node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js")); | |
const _innerSliderUtils = __webpack_require__(/*! ./utils/innerSliderUtils */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/utils/innerSliderUtils.js"); | |
var getDotCount = function getDotCount(spec) { | |
var dots; | |
if (spec.infinite) { | |
dots = Math.ceil(spec.slideCount / spec.slidesToScroll); | |
} else { | |
dots = Math.ceil((spec.slideCount - spec.slidesToShow) / spec.slidesToScroll) + 1; | |
} | |
return dots; | |
}; | |
var Dots = /*#__PURE__*/ function(_React$PureComponent) { | |
(0, _inherits.default)(Dots, _React$PureComponent); | |
var _super = (0, _createSuper.default)(Dots); | |
function Dots() { | |
(0, _classCallCheck.default)(this, Dots); | |
return _super.apply(this, arguments); | |
} | |
(0, _createClass.default)(Dots, [ | |
{ | |
key: "clickHandler", | |
value: function clickHandler(options, e) { | |
// In Autoplay the focus stays on clicked button even after transition | |
// to next slide. That only goes away by click somewhere outside | |
e.preventDefault(); | |
this.props.clickHandler(options); | |
} | |
}, | |
{ | |
key: "render", | |
value: function render() { | |
var _this$props = this.props, onMouseEnter = _this$props.onMouseEnter, onMouseOver = _this$props.onMouseOver, onMouseLeave = _this$props.onMouseLeave, infinite = _this$props.infinite, slidesToScroll = _this$props.slidesToScroll, slidesToShow = _this$props.slidesToShow, slideCount = _this$props.slideCount, currentSlide = _this$props.currentSlide; | |
var dotCount = getDotCount({ | |
slideCount: slideCount, | |
slidesToScroll: slidesToScroll, | |
slidesToShow: slidesToShow, | |
infinite: infinite | |
}); | |
var mouseEvents = { | |
onMouseEnter: onMouseEnter, | |
onMouseOver: onMouseOver, | |
onMouseLeave: onMouseLeave | |
}; | |
var dots = []; | |
for(var i = 0; i < dotCount; i++){ | |
var _rightBound = (i + 1) * slidesToScroll - 1; | |
var rightBound = infinite ? _rightBound : (0, _innerSliderUtils.clamp)(_rightBound, 0, slideCount - 1); | |
var _leftBound = rightBound - (slidesToScroll - 1); | |
var leftBound = infinite ? _leftBound : (0, _innerSliderUtils.clamp)(_leftBound, 0, slideCount - 1); | |
var className = (0, _classnames.default)({ | |
"slick-active": infinite ? currentSlide >= leftBound && currentSlide <= rightBound : currentSlide === leftBound | |
}); | |
var dotOptions = { | |
message: "dots", | |
index: i, | |
slidesToScroll: slidesToScroll, | |
currentSlide: currentSlide | |
}; | |
var onClick = this.clickHandler.bind(this, dotOptions); | |
dots = dots.concat(/*#__PURE__*/ _react.default.createElement("li", { | |
key: i, | |
className: className | |
}, /*#__PURE__*/ _react.default.cloneElement(this.props.customPaging(i), { | |
onClick: onClick | |
}))); | |
} | |
return /*#__PURE__*/ _react.default.cloneElement(this.props.appendDots(dots), (0, _objectSpread2.default)({ | |
className: this.props.dotsClass | |
}, mouseEvents)); | |
} | |
} | |
]); | |
return Dots; | |
}(_react.default.PureComponent); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/index.js": | |
/*!*************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/index.js ***! | |
\*************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _slider = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./slider */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/slider.js")); | |
const _default = _slider.default; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/initial-state.js": | |
/*!*********************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/initial-state.js ***! | |
\*********************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
var 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 | |
}; | |
const _default = initialState; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/inner-slider.js": | |
/*!********************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/inner-slider.js ***! | |
\********************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "InnerSlider", ({ | |
enumerable: true, | |
get: ()=>InnerSlider | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _typeof = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/typeof.js")); | |
const _extends = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/extends.js")); | |
const _objectWithoutProperties = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js")); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _classCallCheck = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/classCallCheck.js")); | |
const _createClass = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/createClass.js")); | |
const _assertThisInitialized = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js")); | |
const _inherits = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/inherits.js")); | |
const _createSuper = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/createSuper.js")); | |
const _defineProperty = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/defineProperty.js")); | |
const _react = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _initialState = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./initial-state */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/initial-state.js")); | |
const _debounce = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! lodash/debounce */ "./node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/debounce.js")); | |
const _classnames = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! classnames */ "./node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js")); | |
const _innerSliderUtils = __webpack_require__(/*! ./utils/innerSliderUtils */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/utils/innerSliderUtils.js"); | |
const _track = __webpack_require__(/*! ./track */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/track.js"); | |
const _dots = __webpack_require__(/*! ./dots */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/dots.js"); | |
const _arrows = __webpack_require__(/*! ./arrows */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/arrows.js"); | |
const _resizeObserverPolyfill = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! resize-observer-polyfill */ "./node_modules/.pnpm/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js")); | |
var _excluded = [ | |
"animating" | |
]; | |
var InnerSlider = /*#__PURE__*/ function(_React$Component) { | |
(0, _inherits.default)(InnerSlider, _React$Component); | |
var _super = (0, _createSuper.default)(InnerSlider); | |
function InnerSlider(props) { | |
var _this; | |
(0, _classCallCheck.default)(this, InnerSlider); | |
_this = _super.call(this, props); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "listRefHandler", function(ref) { | |
return _this.list = ref; | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "trackRefHandler", function(ref) { | |
return _this.track = ref; | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "adaptHeight", function() { | |
if (_this.props.adaptiveHeight && _this.list) { | |
var elem = _this.list.querySelector('[data-index="'.concat(_this.state.currentSlide, '"]')); | |
_this.list.style.height = (0, _innerSliderUtils.getHeight)(elem) + "px"; | |
} | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "componentDidMount", function() { | |
_this.props.onInit && _this.props.onInit(); | |
if (_this.props.lazyLoad) { | |
var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), _this.state)); | |
if (slidesToLoad.length > 0) { | |
_this.setState(function(prevState) { | |
return { | |
lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad) | |
}; | |
}); | |
if (_this.props.onLazyLoad) { | |
_this.props.onLazyLoad(slidesToLoad); | |
} | |
} | |
} | |
var spec = (0, _objectSpread2.default)({ | |
listRef: _this.list, | |
trackRef: _this.track | |
}, _this.props); | |
_this.updateState(spec, true, function() { | |
_this.adaptHeight(); | |
_this.props.autoplay && _this.autoPlay("playing"); | |
}); | |
if (_this.props.lazyLoad === "progressive") { | |
_this.lazyLoadTimer = setInterval(_this.progressiveLazyLoad, 1000); | |
} | |
_this.ro = new _resizeObserverPolyfill.default(function() { | |
if (_this.state.animating) { | |
_this.onWindowResized(false); // don't set trackStyle hence don't break animation | |
_this.callbackTimers.push(setTimeout(function() { | |
return _this.onWindowResized(); | |
}, _this.props.speed)); | |
} else { | |
_this.onWindowResized(); | |
} | |
}); | |
_this.ro.observe(_this.list); | |
document.querySelectorAll && Array.prototype.forEach.call(document.querySelectorAll(".slick-slide"), function(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); | |
} | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "componentWillUnmount", function() { | |
if (_this.animationEndCallback) { | |
clearTimeout(_this.animationEndCallback); | |
} | |
if (_this.lazyLoadTimer) { | |
clearInterval(_this.lazyLoadTimer); | |
} | |
if (_this.callbackTimers.length) { | |
_this.callbackTimers.forEach(function(timer) { | |
return 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.disconnect(); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "componentDidUpdate", function(prevProps) { | |
_this.checkImagesLoad(); | |
_this.props.onReInit && _this.props.onReInit(); | |
if (_this.props.lazyLoad) { | |
var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), _this.state)); | |
if (slidesToLoad.length > 0) { | |
_this.setState(function(prevState) { | |
return { | |
lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad) | |
}; | |
}); | |
if (_this.props.onLazyLoad) { | |
_this.props.onLazyLoad(slidesToLoad); | |
} | |
} | |
} // if (this.props.onLazyLoad) { | |
// this.props.onLazyLoad([leftMostSlide]) | |
// } | |
_this.adaptHeight(); | |
var spec = (0, _objectSpread2.default)((0, _objectSpread2.default)({ | |
listRef: _this.list, | |
trackRef: _this.track | |
}, _this.props), _this.state); | |
var setTrackStyle = _this.didPropsChange(prevProps); | |
setTrackStyle && _this.updateState(spec, setTrackStyle, function() { | |
if (_this.state.currentSlide >= _react.default.Children.count(_this.props.children)) { | |
_this.changeSlide({ | |
message: "index", | |
index: _react.default.Children.count(_this.props.children) - _this.props.slidesToShow, | |
currentSlide: _this.state.currentSlide | |
}); | |
} | |
if (prevProps.autoplay !== _this.props.autoplay || prevProps.autoplaySpeed !== _this.props.autoplaySpeed) { | |
if (!prevProps.autoplay && _this.props.autoplay) { | |
_this.autoPlay("playing"); | |
} else if (_this.props.autoplay) { | |
_this.autoPlay("update"); | |
} else { | |
_this.pause("paused"); | |
} | |
} | |
}); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "onWindowResized", function(setTrackStyle) { | |
if (_this.debouncedResize) _this.debouncedResize.cancel(); | |
_this.debouncedResize = (0, _debounce.default)(function() { | |
return _this.resizeWindow(setTrackStyle); | |
}, 50); | |
_this.debouncedResize(); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "resizeWindow", function() { | |
var setTrackStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; | |
var isTrackMounted = Boolean(_this.track && _this.track.node); // prevent warning: setting state on unmounted component (server side rendering) | |
if (!isTrackMounted) return; | |
var spec = (0, _objectSpread2.default)((0, _objectSpread2.default)({ | |
listRef: _this.list, | |
trackRef: _this.track | |
}, _this.props), _this.state); | |
_this.updateState(spec, setTrackStyle, function() { | |
if (_this.props.autoplay) _this.autoPlay("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; | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "updateState", function(spec, setTrackStyle, callback) { | |
var updatedState = (0, _innerSliderUtils.initializedState)(spec); | |
spec = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), updatedState), {}, { | |
slideIndex: updatedState.currentSlide | |
}); | |
var targetLeft = (0, _innerSliderUtils.getTrackLeft)(spec); | |
spec = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
left: targetLeft | |
}); | |
var trackStyle = (0, _innerSliderUtils.getTrackCSS)(spec); | |
if (setTrackStyle || _react.default.Children.count(_this.props.children) !== _react.default.Children.count(spec.children)) { | |
updatedState["trackStyle"] = trackStyle; | |
} | |
_this.setState(updatedState, callback); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "ssrInit", function() { | |
if (_this.props.variableWidth) { | |
var _trackWidth = 0, _trackLeft = 0; | |
var childrenWidths = []; | |
var preClones = (0, _innerSliderUtils.getPreClones)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), _this.state), {}, { | |
slideCount: _this.props.children.length | |
})); | |
var postClones = (0, _innerSliderUtils.getPostClones)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), _this.state), {}, { | |
slideCount: _this.props.children.length | |
})); | |
_this.props.children.forEach(function(child) { | |
childrenWidths.push(child.props.style.width); | |
_trackWidth += child.props.style.width; | |
}); | |
for(var i = 0; i < preClones; i++){ | |
_trackLeft += childrenWidths[childrenWidths.length - 1 - i]; | |
_trackWidth += childrenWidths[childrenWidths.length - 1 - i]; | |
} | |
for(var _i = 0; _i < postClones; _i++){ | |
_trackWidth += childrenWidths[_i]; | |
} | |
for(var _i2 = 0; _i2 < _this.state.currentSlide; _i2++){ | |
_trackLeft += childrenWidths[_i2]; | |
} | |
var _trackStyle = { | |
width: _trackWidth + "px", | |
left: -_trackLeft + "px" | |
}; | |
if (_this.props.centerMode) { | |
var currentWidth = "".concat(childrenWidths[_this.state.currentSlide], "px"); | |
_trackStyle.left = "calc(".concat(_trackStyle.left, " + (100% - ").concat(currentWidth, ") / 2 ) "); | |
} | |
return { | |
trackStyle: _trackStyle | |
}; | |
} | |
var childrenCount = _react.default.Children.count(_this.props.children); | |
var spec = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), _this.state), {}, { | |
slideCount: childrenCount | |
}); | |
var slideCount = (0, _innerSliderUtils.getPreClones)(spec) + (0, _innerSliderUtils.getPostClones)(spec) + childrenCount; | |
var trackWidth = 100 / _this.props.slidesToShow * slideCount; | |
var slideWidth = 100 / slideCount; | |
var trackLeft = -slideWidth * ((0, _innerSliderUtils.getPreClones)(spec) + _this.state.currentSlide) * trackWidth / 100; | |
if (_this.props.centerMode) { | |
trackLeft += (100 - slideWidth * trackWidth / 100) / 2; | |
} | |
var trackStyle = { | |
width: trackWidth + "%", | |
left: trackLeft + "%" | |
}; | |
return { | |
slideWidth: slideWidth + "%", | |
trackStyle: trackStyle | |
}; | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "checkImagesLoad", function() { | |
var images = _this.list && _this.list.querySelectorAll && _this.list.querySelectorAll(".slick-slide img") || []; | |
var imagesCount = images.length, loadedCount = 0; | |
Array.prototype.forEach.call(images, function(image) { | |
var handler = function handler() { | |
return ++loadedCount && loadedCount >= imagesCount && _this.onWindowResized(); | |
}; | |
if (!image.onclick) { | |
image.onclick = function() { | |
return image.parentNode.focus(); | |
}; | |
} else { | |
var prevClickHandler = image.onclick; | |
image.onclick = function() { | |
prevClickHandler(); | |
image.parentNode.focus(); | |
}; | |
} | |
if (!image.onload) { | |
if (_this.props.lazyLoad) { | |
image.onload = function() { | |
_this.adaptHeight(); | |
_this.callbackTimers.push(setTimeout(_this.onWindowResized, _this.props.speed)); | |
}; | |
} else { | |
image.onload = handler; | |
image.onerror = function() { | |
handler(); | |
_this.props.onLazyLoadError && _this.props.onLazyLoadError(); | |
}; | |
} | |
} | |
}); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "progressiveLazyLoad", function() { | |
var slidesToLoad = []; | |
var spec = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), _this.state); | |
for(var index = _this.state.currentSlide; index < _this.state.slideCount + (0, _innerSliderUtils.getPostClones)(spec); index++){ | |
if (_this.state.lazyLoadedList.indexOf(index) < 0) { | |
slidesToLoad.push(index); | |
break; | |
} | |
} | |
for(var _index = _this.state.currentSlide - 1; _index >= -(0, _innerSliderUtils.getPreClones)(spec); _index--){ | |
if (_this.state.lazyLoadedList.indexOf(_index) < 0) { | |
slidesToLoad.push(_index); | |
break; | |
} | |
} | |
if (slidesToLoad.length > 0) { | |
_this.setState(function(state) { | |
return { | |
lazyLoadedList: state.lazyLoadedList.concat(slidesToLoad) | |
}; | |
}); | |
if (_this.props.onLazyLoad) { | |
_this.props.onLazyLoad(slidesToLoad); | |
} | |
} else { | |
if (_this.lazyLoadTimer) { | |
clearInterval(_this.lazyLoadTimer); | |
delete _this.lazyLoadTimer; | |
} | |
} | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "slideHandler", function(index) { | |
var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; | |
var _this$props = _this.props, asNavFor = _this$props.asNavFor, beforeChange = _this$props.beforeChange, onLazyLoad = _this$props.onLazyLoad, speed = _this$props.speed, afterChange = _this$props.afterChange; // capture currentslide before state is updated | |
var currentSlide = _this.state.currentSlide; | |
var _slideHandler = (0, _innerSliderUtils.slideHandler)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({ | |
index: index | |
}, _this.props), _this.state), {}, { | |
trackRef: _this.track, | |
useCSS: _this.props.useCSS && !dontAnimate | |
})), state = _slideHandler.state, nextState = _slideHandler.nextState; | |
if (!state) return; | |
beforeChange && beforeChange(currentSlide, state.currentSlide); | |
var slidesToLoad = state.lazyLoadedList.filter(function(value) { | |
return _this.state.lazyLoadedList.indexOf(value) < 0; | |
}); | |
onLazyLoad && slidesToLoad.length > 0 && onLazyLoad(slidesToLoad); | |
if (!_this.props.waitForAnimate && _this.animationEndCallback) { | |
clearTimeout(_this.animationEndCallback); | |
afterChange && afterChange(currentSlide); | |
delete _this.animationEndCallback; | |
} | |
_this.setState(state, function() { | |
// asNavForIndex check is to avoid recursive calls of slideHandler in waitForAnimate=false mode | |
if (asNavFor && _this.asNavForIndex !== index) { | |
_this.asNavForIndex = index; | |
asNavFor.innerSlider.slideHandler(index); | |
} | |
if (!nextState) return; | |
_this.animationEndCallback = setTimeout(function() { | |
var animating = nextState.animating, firstBatch = (0, _objectWithoutProperties.default)(nextState, _excluded); | |
_this.setState(firstBatch, function() { | |
_this.callbackTimers.push(setTimeout(function() { | |
return _this.setState({ | |
animating: animating | |
}); | |
}, 10)); | |
afterChange && afterChange(state.currentSlide); | |
delete _this.animationEndCallback; | |
}); | |
}, speed); | |
}); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "changeSlide", function(options) { | |
var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; | |
var spec = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), _this.state); | |
var targetSlide = (0, _innerSliderUtils.changeSlide)(spec, options); | |
if (targetSlide !== 0 && !targetSlide) return; | |
if (dontAnimate === true) { | |
_this.slideHandler(targetSlide, dontAnimate); | |
} else { | |
_this.slideHandler(targetSlide); | |
} | |
_this.props.autoplay && _this.autoPlay("update"); | |
if (_this.props.focusOnSelect) { | |
var nodes = _this.list.querySelectorAll(".slick-current"); | |
nodes[0] && nodes[0].focus(); | |
} | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "clickHandler", function(e) { | |
if (_this.clickable === false) { | |
e.stopPropagation(); | |
e.preventDefault(); | |
} | |
_this.clickable = true; | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "keyHandler", function(e) { | |
var dir = (0, _innerSliderUtils.keyHandler)(e, _this.props.accessibility, _this.props.rtl); | |
dir !== "" && _this.changeSlide({ | |
message: dir | |
}); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "selectHandler", function(options) { | |
_this.changeSlide(options); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "disableBodyScroll", function() { | |
var preventDefault = function preventDefault(e) { | |
e = e || window.event; | |
if (e.preventDefault) e.preventDefault(); | |
e.returnValue = false; | |
}; | |
window.ontouchmove = preventDefault; | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "enableBodyScroll", function() { | |
window.ontouchmove = null; | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "swipeStart", function(e) { | |
if (_this.props.verticalSwiping) { | |
_this.disableBodyScroll(); | |
} | |
var state = (0, _innerSliderUtils.swipeStart)(e, _this.props.swipe, _this.props.draggable); | |
state !== "" && _this.setState(state); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "swipeMove", function(e) { | |
var state = (0, _innerSliderUtils.swipeMove)(e, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), _this.state), {}, { | |
trackRef: _this.track, | |
listRef: _this.list, | |
slideIndex: _this.state.currentSlide | |
})); | |
if (!state) return; | |
if (state["swiping"]) { | |
_this.clickable = false; | |
} | |
_this.setState(state); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "swipeEnd", function(e) { | |
var state = (0, _innerSliderUtils.swipeEnd)(e, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), _this.state), {}, { | |
trackRef: _this.track, | |
listRef: _this.list, | |
slideIndex: _this.state.currentSlide | |
})); | |
if (!state) return; | |
var triggerSlideHandler = state["triggerSlideHandler"]; | |
delete state["triggerSlideHandler"]; | |
_this.setState(state); | |
if (triggerSlideHandler === undefined) return; | |
_this.slideHandler(triggerSlideHandler); | |
if (_this.props.verticalSwiping) { | |
_this.enableBodyScroll(); | |
} | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "touchEnd", function(e) { | |
_this.swipeEnd(e); | |
_this.clickable = true; | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "slickPrev", function() { | |
// 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(function() { | |
return _this.changeSlide({ | |
message: "previous" | |
}); | |
}, 0)); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "slickNext", function() { | |
_this.callbackTimers.push(setTimeout(function() { | |
return _this.changeSlide({ | |
message: "next" | |
}); | |
}, 0)); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "slickGoTo", function(slide) { | |
var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; | |
slide = Number(slide); | |
if (isNaN(slide)) return ""; | |
_this.callbackTimers.push(setTimeout(function() { | |
return _this.changeSlide({ | |
message: "index", | |
index: slide, | |
currentSlide: _this.state.currentSlide | |
}, dontAnimate); | |
}, 0)); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "play", function() { | |
var nextIndex; | |
if (_this.props.rtl) { | |
nextIndex = _this.state.currentSlide - _this.props.slidesToScroll; | |
} else { | |
if ((0, _innerSliderUtils.canGoNext)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), _this.state))) { | |
nextIndex = _this.state.currentSlide + _this.props.slidesToScroll; | |
} else { | |
return false; | |
} | |
} | |
_this.slideHandler(nextIndex); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "autoPlay", function(playType) { | |
if (_this.autoplayTimer) { | |
clearInterval(_this.autoplayTimer); | |
} | |
var autoplaying = _this.state.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.props.autoplaySpeed + 50); | |
_this.setState({ | |
autoplaying: "playing" | |
}); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "pause", function(pauseType) { | |
if (_this.autoplayTimer) { | |
clearInterval(_this.autoplayTimer); | |
_this.autoplayTimer = null; | |
} | |
var autoplaying = _this.state.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" | |
}); | |
} | |
} | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "onDotsOver", function() { | |
return _this.props.autoplay && _this.pause("hovered"); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "onDotsLeave", function() { | |
return _this.props.autoplay && _this.state.autoplaying === "hovered" && _this.autoPlay("leave"); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "onTrackOver", function() { | |
return _this.props.autoplay && _this.pause("hovered"); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "onTrackLeave", function() { | |
return _this.props.autoplay && _this.state.autoplaying === "hovered" && _this.autoPlay("leave"); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "onSlideFocus", function() { | |
return _this.props.autoplay && _this.pause("focused"); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "onSlideBlur", function() { | |
return _this.props.autoplay && _this.state.autoplaying === "focused" && _this.autoPlay("blur"); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "render", function() { | |
var className = (0, _classnames.default)("slick-slider", _this.props.className, { | |
"slick-vertical": _this.props.vertical, | |
"slick-initialized": true | |
}); | |
var spec = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), _this.state); | |
var trackProps = (0, _innerSliderUtils.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" | |
]); | |
var pauseOnHover = _this.props.pauseOnHover; | |
trackProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, trackProps), {}, { | |
onMouseEnter: pauseOnHover ? _this.onTrackOver : null, | |
onMouseLeave: pauseOnHover ? _this.onTrackLeave : null, | |
onMouseOver: pauseOnHover ? _this.onTrackOver : null, | |
focusOnSelect: _this.props.focusOnSelect && _this.clickable ? _this.selectHandler : null | |
}); | |
var dots; | |
if (_this.props.dots === true && _this.state.slideCount >= _this.props.slidesToShow) { | |
var dotProps = (0, _innerSliderUtils.extractObject)(spec, [ | |
"dotsClass", | |
"slideCount", | |
"slidesToShow", | |
"currentSlide", | |
"slidesToScroll", | |
"clickHandler", | |
"children", | |
"customPaging", | |
"infinite", | |
"appendDots" | |
]); | |
var pauseOnDotsHover = _this.props.pauseOnDotsHover; | |
dotProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dotProps), {}, { | |
clickHandler: _this.changeSlide, | |
onMouseEnter: pauseOnDotsHover ? _this.onDotsLeave : null, | |
onMouseOver: pauseOnDotsHover ? _this.onDotsOver : null, | |
onMouseLeave: pauseOnDotsHover ? _this.onDotsLeave : null | |
}); | |
dots = /*#__PURE__*/ _react.default.createElement(_dots.Dots, dotProps); | |
} | |
var prevArrow, nextArrow; | |
var arrowProps = (0, _innerSliderUtils.extractObject)(spec, [ | |
"infinite", | |
"centerMode", | |
"currentSlide", | |
"slideCount", | |
"slidesToShow", | |
"prevArrow", | |
"nextArrow" | |
]); | |
arrowProps.clickHandler = _this.changeSlide; | |
if (_this.props.arrows) { | |
prevArrow = /*#__PURE__*/ _react.default.createElement(_arrows.PrevArrow, arrowProps); | |
nextArrow = /*#__PURE__*/ _react.default.createElement(_arrows.NextArrow, arrowProps); | |
} | |
var verticalHeightStyle = null; | |
if (_this.props.vertical) { | |
verticalHeightStyle = { | |
height: _this.state.listHeight | |
}; | |
} | |
var centerPaddingStyle = null; | |
if (_this.props.vertical === false) { | |
if (_this.props.centerMode === true) { | |
centerPaddingStyle = { | |
padding: "0px " + _this.props.centerPadding | |
}; | |
} | |
} else { | |
if (_this.props.centerMode === true) { | |
centerPaddingStyle = { | |
padding: _this.props.centerPadding + " 0px" | |
}; | |
} | |
} | |
var listStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, verticalHeightStyle), centerPaddingStyle); | |
var touchMove = _this.props.touchMove; | |
var listProps = { | |
className: "slick-list", | |
style: listStyle, | |
onClick: _this.clickHandler, | |
onMouseDown: touchMove ? _this.swipeStart : null, | |
onMouseMove: _this.state.dragging && touchMove ? _this.swipeMove : null, | |
onMouseUp: touchMove ? _this.swipeEnd : null, | |
onMouseLeave: _this.state.dragging && touchMove ? _this.swipeEnd : null, | |
onTouchStart: touchMove ? _this.swipeStart : null, | |
onTouchMove: _this.state.dragging && touchMove ? _this.swipeMove : null, | |
onTouchEnd: touchMove ? _this.touchEnd : null, | |
onTouchCancel: _this.state.dragging && touchMove ? _this.swipeEnd : null, | |
onKeyDown: _this.props.accessibility ? _this.keyHandler : null | |
}; | |
var innerSliderProps = { | |
className: className, | |
dir: "ltr", | |
style: _this.props.style | |
}; | |
if (_this.props.unslick) { | |
listProps = { | |
className: "slick-list" | |
}; | |
innerSliderProps = { | |
className: className | |
}; | |
} | |
return /*#__PURE__*/ _react.default.createElement("div", innerSliderProps, !_this.props.unslick ? prevArrow : "", /*#__PURE__*/ _react.default.createElement("div", (0, _extends.default)({ | |
ref: _this.listRefHandler | |
}, listProps), /*#__PURE__*/ _react.default.createElement(_track.Track, (0, _extends.default)({ | |
ref: _this.trackRefHandler | |
}, trackProps), _this.props.children)), !_this.props.unslick ? nextArrow : "", !_this.props.unslick ? dots : ""); | |
}); | |
_this.list = null; | |
_this.track = null; | |
_this.state = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _initialState.default), {}, { | |
currentSlide: _this.props.initialSlide, | |
slideCount: _react.default.Children.count(_this.props.children) | |
}); | |
_this.callbackTimers = []; | |
_this.clickable = true; | |
_this.debouncedResize = null; | |
var ssrState = _this.ssrInit(); | |
_this.state = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.state), ssrState); | |
return _this; | |
} | |
(0, _createClass.default)(InnerSlider, [ | |
{ | |
key: "didPropsChange", | |
value: function didPropsChange(prevProps) { | |
var setTrackStyle = false; | |
for(var _i3 = 0, _Object$keys = Object.keys(this.props); _i3 < _Object$keys.length; _i3++){ | |
var key = _Object$keys[_i3]; | |
// eslint-disable-next-line no-prototype-builtins | |
if (!prevProps.hasOwnProperty(key)) { | |
setTrackStyle = true; | |
break; | |
} | |
if ((0, _typeof.default)(prevProps[key]) === "object" || typeof prevProps[key] === "function") { | |
continue; | |
} | |
if (prevProps[key] !== this.props[key]) { | |
setTrackStyle = true; | |
break; | |
} | |
} | |
return setTrackStyle || _react.default.Children.count(this.props.children) !== _react.default.Children.count(prevProps.children); | |
} | |
} | |
]); | |
return InnerSlider; | |
}(_react.default.Component); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/slider.js": | |
/*!**************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/slider.js ***! | |
\**************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>Slider | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _extends = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/extends.js")); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _classCallCheck = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/classCallCheck.js")); | |
const _createClass = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/createClass.js")); | |
const _assertThisInitialized = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js")); | |
const _inherits = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/inherits.js")); | |
const _createSuper = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/createSuper.js")); | |
const _defineProperty = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/defineProperty.js")); | |
const _react = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _innerSlider = __webpack_require__(/*! ./inner-slider */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/inner-slider.js"); | |
const _json2Mq = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! json2mq */ "./node_modules/.pnpm/json2mq@0.2.0/node_modules/json2mq/index.js")); | |
const _defaultProps = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./default-props */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/default-props.js")); | |
const _innerSliderUtils = __webpack_require__(/*! ./utils/innerSliderUtils */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/utils/innerSliderUtils.js"); | |
var Slider = /*#__PURE__*/ function(_React$Component) { | |
(0, _inherits.default)(Slider, _React$Component); | |
var _super = (0, _createSuper.default)(Slider); | |
function Slider(props) { | |
var _this; | |
(0, _classCallCheck.default)(this, Slider); | |
_this = _super.call(this, props); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "innerSliderRefHandler", function(ref) { | |
return _this.innerSlider = ref; | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "slickPrev", function() { | |
return _this.innerSlider.slickPrev(); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "slickNext", function() { | |
return _this.innerSlider.slickNext(); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "slickGoTo", function(slide) { | |
var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; | |
return _this.innerSlider.slickGoTo(slide, dontAnimate); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "slickPause", function() { | |
return _this.innerSlider.pause("paused"); | |
}); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "slickPlay", function() { | |
return _this.innerSlider.autoPlay("play"); | |
}); | |
_this.state = { | |
breakpoint: null | |
}; | |
_this._responsiveMediaHandlers = []; | |
return _this; | |
} | |
(0, _createClass.default)(Slider, [ | |
{ | |
key: "media", | |
value: function media(query, handler) { | |
// javascript handler for css media query | |
var mql = window.matchMedia(query); | |
var listener = function listener(_ref) { | |
var matches = _ref.matches; | |
if (matches) { | |
handler(); | |
} | |
}; | |
mql.addListener(listener); | |
listener(mql); | |
this._responsiveMediaHandlers.push({ | |
mql: mql, | |
query: query, | |
listener: listener | |
}); | |
} // handles responsive breakpoints | |
}, | |
{ | |
key: "componentDidMount", | |
value: function componentDidMount() { | |
var _this2 = this; | |
// performance monitoring | |
//if (process.env.NODE_ENV !== 'production') { | |
//const { whyDidYouUpdate } = require('why-did-you-update') | |
//whyDidYouUpdate(React) | |
//} | |
if (this.props.responsive) { | |
var breakpoints = this.props.responsive.map(function(breakpt) { | |
return breakpt.breakpoint; | |
}); // sort them in increasing order of their numerical value | |
breakpoints.sort(function(x, y) { | |
return x - y; | |
}); | |
breakpoints.forEach(function(breakpoint, index) { | |
// media query for each breakpoint | |
var bQuery; | |
if (index === 0) { | |
bQuery = (0, _json2Mq.default)({ | |
minWidth: 0, | |
maxWidth: breakpoint | |
}); | |
} else { | |
bQuery = (0, _json2Mq.default)({ | |
minWidth: breakpoints[index - 1] + 1, | |
maxWidth: breakpoint | |
}); | |
} // when not using server side rendering | |
(0, _innerSliderUtils.canUseDOM)() && _this2.media(bQuery, function() { | |
_this2.setState({ | |
breakpoint: breakpoint | |
}); | |
}); | |
}); // Register media query for full screen. Need to support resize from small to large | |
// convert javascript object to media query string | |
var query = (0, _json2Mq.default)({ | |
minWidth: breakpoints.slice(-1)[0] | |
}); | |
(0, _innerSliderUtils.canUseDOM)() && this.media(query, function() { | |
_this2.setState({ | |
breakpoint: null | |
}); | |
}); | |
} | |
} | |
}, | |
{ | |
key: "componentWillUnmount", | |
value: function componentWillUnmount() { | |
this._responsiveMediaHandlers.forEach(function(obj) { | |
obj.mql.removeListener(obj.listener); | |
}); | |
} | |
}, | |
{ | |
key: "render", | |
value: function render() { | |
var _this3 = this; | |
var settings; | |
var newProps; | |
if (this.state.breakpoint) { | |
newProps = this.props.responsive.filter(function(resp) { | |
return resp.breakpoint === _this3.state.breakpoint; | |
}); | |
settings = newProps[0].settings === "unslick" ? "unslick" : (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _defaultProps.default), this.props), newProps[0].settings); | |
} else { | |
settings = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _defaultProps.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 ".concat(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 ".concat(settings.slidesToShow)); | |
} | |
if (settings.slidesToScroll > 1 && "development" !== "production") { | |
console.warn("slidesToScroll should be equal to 1 when fade is true, you're using ".concat(settings.slidesToScroll)); | |
} | |
settings.slidesToShow = 1; | |
settings.slidesToScroll = 1; | |
} // makes sure that children is an array, even when there is only 1 child | |
var children = _react.default.Children.toArray(this.props.children); // 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(function(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; | |
} | |
var newChildren = []; | |
var currentWidth = null; | |
for(var i = 0; i < children.length; i += settings.rows * settings.slidesPerRow){ | |
var newSlide = []; | |
for(var j = i; j < i + settings.rows * settings.slidesPerRow; j += settings.slidesPerRow){ | |
var row = []; | |
for(var k = j; k < j + settings.slidesPerRow; k += 1){ | |
if (settings.variableWidth && children[k].props.style) { | |
currentWidth = children[k].props.style.width; | |
} | |
if (k >= children.length) break; | |
row.push(/*#__PURE__*/ _react.default.cloneElement(children[k], { | |
key: 100 * i + 10 * j + k, | |
tabIndex: -1, | |
style: { | |
width: "".concat(100 / settings.slidesPerRow, "%"), | |
display: "inline-block" | |
} | |
})); | |
} | |
newSlide.push(/*#__PURE__*/ _react.default.createElement("div", { | |
key: 10 * i + j | |
}, row)); | |
} | |
if (settings.variableWidth) { | |
newChildren.push(/*#__PURE__*/ _react.default.createElement("div", { | |
key: i, | |
style: { | |
width: currentWidth | |
} | |
}, newSlide)); | |
} else { | |
newChildren.push(/*#__PURE__*/ _react.default.createElement("div", { | |
key: i | |
}, newSlide)); | |
} | |
} | |
if (settings === "unslick") { | |
var className = "regular slider " + (this.props.className || ""); | |
return /*#__PURE__*/ _react.default.createElement("div", { | |
className: className | |
}, children); | |
} else if (newChildren.length <= settings.slidesToShow) { | |
settings.unslick = true; | |
} | |
return /*#__PURE__*/ _react.default.createElement(_innerSlider.InnerSlider, (0, _extends.default)({ | |
style: this.props.style, | |
ref: this.innerSliderRefHandler | |
}, settings), newChildren); | |
} | |
} | |
]); | |
return Slider; | |
}(_react.default.Component); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/track.js": | |
/*!*************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/track.js ***! | |
\*************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "Track", ({ | |
enumerable: true, | |
get: ()=>Track | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _extends = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/extends.js")); | |
const _classCallCheck = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/classCallCheck.js")); | |
const _createClass = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/createClass.js")); | |
const _assertThisInitialized = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js")); | |
const _inherits = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/inherits.js")); | |
const _createSuper = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/createSuper */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/createSuper.js")); | |
const _defineProperty = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/defineProperty.js")); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _classnames = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! classnames */ "./node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js")); | |
const _innerSliderUtils = __webpack_require__(/*! ./utils/innerSliderUtils */ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/utils/innerSliderUtils.js"); | |
var getSlideClasses = function getSlideClasses(spec) { | |
var slickActive, slickCenter, slickCloned; | |
var centerOffset, index; | |
if (spec.rtl) { | |
index = spec.slideCount - 1 - spec.index; | |
} else { | |
index = spec.index; | |
} | |
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; | |
} | |
var 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; | |
} | |
var slickCurrent = index === focusedSlide; | |
return { | |
"slick-slide": true, | |
"slick-active": slickActive, | |
"slick-center": slickCenter, | |
"slick-cloned": slickCloned, | |
"slick-current": slickCurrent // dubious in case of RTL | |
}; | |
}; | |
var getSlideStyle = function getSlideStyle(spec) { | |
var style = {}; | |
if (spec.variableWidth === undefined || spec.variableWidth === false) { | |
style.width = spec.slideWidth; | |
} | |
if (spec.fade) { | |
style.position = "relative"; | |
if (spec.vertical) { | |
style.top = -spec.index * parseInt(spec.slideHeight); | |
} else { | |
style.left = -spec.index * parseInt(spec.slideWidth); | |
} | |
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; | |
}; | |
var getKey = function getKey(child, fallbackKey) { | |
return child.key + "-" + fallbackKey; | |
}; | |
var renderSlides = function renderSlides(spec) { | |
var key; | |
var slides = []; | |
var preCloneSlides = []; | |
var postCloneSlides = []; | |
var childrenCount = _react.default.Children.count(spec.children); | |
var startIndex = (0, _innerSliderUtils.lazyStartIndex)(spec); | |
var endIndex = (0, _innerSliderUtils.lazyEndIndex)(spec); | |
_react.default.Children.forEach(spec.children, function(elem, index) { | |
var child; | |
var childOnClickOptions = { | |
message: "children", | |
index: 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 = /*#__PURE__*/ _react.default.createElement("div", null); | |
} | |
var childStyle = getSlideStyle((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
index: index | |
})); | |
var slideClass = child.props.className || ""; | |
var slideClasses = getSlideClasses((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
index: index | |
})); // push a cloned element of the desired slide | |
slides.push(/*#__PURE__*/ _react.default.cloneElement(child, { | |
key: "original" + getKey(child, index), | |
"data-index": index, | |
className: (0, _classnames.default)(slideClasses, slideClass), | |
tabIndex: "-1", | |
"aria-hidden": !slideClasses["slick-active"], | |
style: (0, _objectSpread2.default)((0, _objectSpread2.default)({ | |
outline: "none" | |
}, child.props.style || {}), childStyle), | |
onClick: function onClick(e) { | |
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) { | |
var preCloneNo = childrenCount - index; | |
if (preCloneNo <= (0, _innerSliderUtils.getPreClones)(spec) && childrenCount !== spec.slidesToShow) { | |
key = -preCloneNo; | |
if (key >= startIndex) { | |
child = elem; | |
} | |
slideClasses = getSlideClasses((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
index: key | |
})); | |
preCloneSlides.push(/*#__PURE__*/ _react.default.cloneElement(child, { | |
key: "precloned" + getKey(child, key), | |
"data-index": key, | |
tabIndex: "-1", | |
className: (0, _classnames.default)(slideClasses, slideClass), | |
"aria-hidden": !slideClasses["slick-active"], | |
style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, child.props.style || {}), childStyle), | |
onClick: function onClick(e) { | |
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, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
index: key | |
})); | |
postCloneSlides.push(/*#__PURE__*/ _react.default.cloneElement(child, { | |
key: "postcloned" + getKey(child, key), | |
"data-index": key, | |
tabIndex: "-1", | |
className: (0, _classnames.default)(slideClasses, slideClass), | |
"aria-hidden": !slideClasses["slick-active"], | |
style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, child.props.style || {}), childStyle), | |
onClick: function onClick(e) { | |
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); | |
} | |
}; | |
var Track = /*#__PURE__*/ function(_React$PureComponent) { | |
(0, _inherits.default)(Track, _React$PureComponent); | |
var _super = (0, _createSuper.default)(Track); | |
function Track() { | |
var _this; | |
(0, _classCallCheck.default)(this, Track); | |
for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){ | |
args[_key] = arguments[_key]; | |
} | |
_this = _super.call.apply(_super, [ | |
this | |
].concat(args)); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "node", null); | |
(0, _defineProperty.default)((0, _assertThisInitialized.default)(_this), "handleRef", function(ref) { | |
_this.node = ref; | |
}); | |
return _this; | |
} | |
(0, _createClass.default)(Track, [ | |
{ | |
key: "render", | |
value: function render() { | |
var slides = renderSlides(this.props); | |
var _this$props = this.props, onMouseEnter = _this$props.onMouseEnter, onMouseOver = _this$props.onMouseOver, onMouseLeave = _this$props.onMouseLeave; | |
var mouseEvents = { | |
onMouseEnter: onMouseEnter, | |
onMouseOver: onMouseOver, | |
onMouseLeave: onMouseLeave | |
}; | |
return /*#__PURE__*/ _react.default.createElement("div", (0, _extends.default)({ | |
ref: this.handleRef, | |
className: "slick-track", | |
style: this.props.trackStyle | |
}, mouseEvents), slides); | |
} | |
} | |
]); | |
return Track; | |
}(_react.default.PureComponent); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/utils/innerSliderUtils.js": | |
/*!******************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ant-design+react-slick@0.29.2_react@18.2.0/node_modules/@ant-design/react-slick/es/utils/innerSliderUtils.js ***! | |
\******************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
clamp: ()=>clamp, | |
safePreventDefault: ()=>safePreventDefault, | |
getOnDemandLazySlides: ()=>getOnDemandLazySlides, | |
getRequiredLazySlides: ()=>getRequiredLazySlides, | |
lazyStartIndex: ()=>lazyStartIndex, | |
lazyEndIndex: ()=>lazyEndIndex, | |
lazySlidesOnLeft: ()=>lazySlidesOnLeft, | |
lazySlidesOnRight: ()=>lazySlidesOnRight, | |
getWidth: ()=>getWidth, | |
getHeight: ()=>getHeight, | |
getSwipeDirection: ()=>getSwipeDirection, | |
canGoNext: ()=>canGoNext, | |
extractObject: ()=>extractObject, | |
initializedState: ()=>initializedState, | |
slideHandler: ()=>slideHandler, | |
changeSlide: ()=>changeSlide, | |
keyHandler: ()=>keyHandler, | |
swipeStart: ()=>swipeStart, | |
swipeMove: ()=>swipeMove, | |
swipeEnd: ()=>swipeEnd, | |
getNavigableIndexes: ()=>getNavigableIndexes, | |
checkNavigable: ()=>checkNavigable, | |
getSlideCount: ()=>getSlideCount, | |
checkSpecKeys: ()=>checkSpecKeys, | |
getTrackCSS: ()=>getTrackCSS, | |
getTrackAnimateCSS: ()=>getTrackAnimateCSS, | |
getTrackLeft: ()=>getTrackLeft, | |
getPreClones: ()=>getPreClones, | |
getPostClones: ()=>getPostClones, | |
getTotalSlides: ()=>getTotalSlides, | |
siblingDirection: ()=>siblingDirection, | |
slidesOnRight: ()=>slidesOnRight, | |
slidesOnLeft: ()=>slidesOnLeft, | |
canUseDOM: ()=>canUseDOM | |
}); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _objectSpread2 = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js")); | |
const _react = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
function clamp(number, lowerBound, upperBound) { | |
return Math.max(lowerBound, Math.min(number, upperBound)); | |
} | |
var safePreventDefault = function safePreventDefault(event) { | |
var passiveEvents = [ | |
"onTouchStart", | |
"onTouchMove", | |
"onWheel" | |
]; | |
if (!passiveEvents.includes(event._reactName)) { | |
event.preventDefault(); | |
} | |
}; | |
var getOnDemandLazySlides = function getOnDemandLazySlides(spec) { | |
var onDemandSlides = []; | |
var startIndex = lazyStartIndex(spec); | |
var endIndex = lazyEndIndex(spec); | |
for(var 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 | |
var getRequiredLazySlides = function getRequiredLazySlides(spec) { | |
var requiredSlides = []; | |
var startIndex = lazyStartIndex(spec); | |
var endIndex = lazyEndIndex(spec); | |
for(var slideIndex = startIndex; slideIndex < endIndex; slideIndex++){ | |
requiredSlides.push(slideIndex); | |
} | |
return requiredSlides; | |
}; // startIndex that needs to be present | |
var lazyStartIndex = function lazyStartIndex(spec) { | |
return spec.currentSlide - lazySlidesOnLeft(spec); | |
}; | |
var lazyEndIndex = function lazyEndIndex(spec) { | |
return spec.currentSlide + lazySlidesOnRight(spec); | |
}; | |
var lazySlidesOnLeft = function lazySlidesOnLeft(spec) { | |
return spec.centerMode ? Math.floor(spec.slidesToShow / 2) + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : 0; | |
}; | |
var lazySlidesOnRight = function lazySlidesOnRight(spec) { | |
return spec.centerMode ? Math.floor((spec.slidesToShow - 1) / 2) + 1 + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : spec.slidesToShow; | |
}; // get width of an element | |
var getWidth = function getWidth(elem) { | |
return elem && elem.offsetWidth || 0; | |
}; | |
var getHeight = function getHeight(elem) { | |
return elem && elem.offsetHeight || 0; | |
}; | |
var getSwipeDirection = function getSwipeDirection(touchObject) { | |
var verticalSwiping = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; | |
var xDist, yDist, r, swipeAngle; | |
xDist = touchObject.startX - touchObject.curX; | |
yDist = touchObject.startY - touchObject.curY; | |
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 | |
var canGoNext = function canGoNext(spec) { | |
var 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 | |
var extractObject = function extractObject(spec, keys) { | |
var newObject = {}; | |
keys.forEach(function(key) { | |
return newObject[key] = spec[key]; | |
}); | |
return newObject; | |
}; // get initialized state | |
var initializedState = function initializedState(spec) { | |
// spec also contains listRef, trackRef | |
var slideCount = _react.default.Children.count(spec.children); | |
var listNode = spec.listRef; | |
var listWidth = Math.ceil(getWidth(listNode)); | |
var trackNode = spec.trackRef && spec.trackRef.node; | |
var trackWidth = Math.ceil(getWidth(trackNode)); | |
var slideWidth; | |
if (!spec.vertical) { | |
var 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; | |
} | |
var slideHeight = listNode && getHeight(listNode.querySelector('[data-index="0"]')); | |
var listHeight = slideHeight * spec.slidesToShow; | |
var currentSlide = spec.currentSlide === undefined ? spec.initialSlide : spec.currentSlide; | |
if (spec.rtl && spec.currentSlide === undefined) { | |
currentSlide = slideCount - 1 - spec.initialSlide; | |
} | |
var lazyLoadedList = spec.lazyLoadedList || []; | |
var slidesToLoad = getOnDemandLazySlides((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
currentSlide: currentSlide, | |
lazyLoadedList: lazyLoadedList | |
})); | |
lazyLoadedList = lazyLoadedList.concat(slidesToLoad); | |
var state = { | |
slideCount: slideCount, | |
slideWidth: slideWidth, | |
listWidth: listWidth, | |
trackWidth: trackWidth, | |
currentSlide: currentSlide, | |
slideHeight: slideHeight, | |
listHeight: listHeight, | |
lazyLoadedList: lazyLoadedList | |
}; | |
if (spec.autoplaying === null && spec.autoplay) { | |
state["autoplaying"] = "playing"; | |
} | |
return state; | |
}; | |
var slideHandler = function slideHandler(spec) { | |
var waitForAnimate = spec.waitForAnimate, animating = spec.animating, fade = spec.fade, infinite = spec.infinite, index = spec.index, slideCount = spec.slideCount, lazyLoad = spec.lazyLoad, currentSlide = spec.currentSlide, centerMode = spec.centerMode, slidesToScroll = spec.slidesToScroll, slidesToShow = spec.slidesToShow, useCSS = spec.useCSS; | |
var lazyLoadedList = spec.lazyLoadedList; | |
if (waitForAnimate && animating) return {}; | |
var animationSlide = index, finalSlide, animationLeft, finalLeft; | |
var state = {}, nextState = {}; | |
var 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: 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, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
slideIndex: animationSlide | |
})); | |
finalLeft = getTrackLeft((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
slideIndex: finalSlide | |
})); | |
if (!infinite) { | |
if (animationLeft === finalLeft) animationSlide = finalSlide; | |
animationLeft = finalLeft; | |
} | |
if (lazyLoad) { | |
lazyLoadedList = lazyLoadedList.concat(getOnDemandLazySlides((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
currentSlide: animationSlide | |
}))); | |
} | |
if (!useCSS) { | |
state = { | |
currentSlide: finalSlide, | |
trackStyle: getTrackCSS((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
left: finalLeft | |
})), | |
lazyLoadedList: lazyLoadedList, | |
targetSlide: targetSlide | |
}; | |
} else { | |
state = { | |
animating: true, | |
currentSlide: finalSlide, | |
trackStyle: getTrackAnimateCSS((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
left: animationLeft | |
})), | |
lazyLoadedList: lazyLoadedList, | |
targetSlide: targetSlide | |
}; | |
nextState = { | |
animating: false, | |
currentSlide: finalSlide, | |
trackStyle: getTrackCSS((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
left: finalLeft | |
})), | |
swipeLeft: null, | |
targetSlide: targetSlide | |
}; | |
} | |
} | |
return { | |
state: state, | |
nextState: nextState | |
}; | |
}; | |
var changeSlide = function changeSlide(spec, options) { | |
var indexOffset, previousInt, slideOffset, unevenOffset, targetSlide; | |
var slidesToScroll = spec.slidesToScroll, slidesToShow = spec.slidesToShow, slideCount = spec.slideCount, currentSlide = spec.currentSlide, previousTargetSlide = spec.targetSlide, lazyLoad = spec.lazyLoad, infinite = spec.infinite; | |
unevenOffset = slideCount % slidesToScroll !== 0; | |
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) { | |
var direction = siblingDirection((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
targetSlide: 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; | |
}; | |
var keyHandler = function 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 ""; | |
}; | |
var swipeStart = function 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 | |
} | |
}; | |
}; | |
var swipeMove = function swipeMove(e, spec) { | |
// spec also contains, trackRef and slideIndex | |
var scrolling = spec.scrolling, animating = spec.animating, vertical = spec.vertical, swipeToSlide = spec.swipeToSlide, verticalSwiping = spec.verticalSwiping, rtl = spec.rtl, currentSlide = spec.currentSlide, edgeFriction = spec.edgeFriction, edgeDragged = spec.edgeDragged, onEdge = spec.onEdge, swiped = spec.swiped, swiping = spec.swiping, slideCount = spec.slideCount, slidesToScroll = spec.slidesToScroll, infinite = spec.infinite, touchObject = spec.touchObject, swipeEvent = spec.swipeEvent, listHeight = spec.listHeight, listWidth = spec.listWidth; | |
if (scrolling) return; | |
if (animating) return safePreventDefault(e); | |
if (vertical && swipeToSlide && verticalSwiping) safePreventDefault(e); | |
var swipeLeft, state = {}; | |
var 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))); | |
var 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; | |
var positionOffset = (!rtl ? 1 : -1) * (touchObject.curX > touchObject.startX ? 1 : -1); | |
if (verticalSwiping) positionOffset = touchObject.curY > touchObject.startY ? 1 : -1; | |
var dotCount = Math.ceil(slideCount / slidesToScroll); | |
var swipeDirection = getSwipeDirection(spec.touchObject, verticalSwiping); | |
var 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, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, { | |
touchObject: touchObject, | |
swipeLeft: swipeLeft, | |
trackStyle: getTrackCSS((0, _objectSpread2.default)((0, _objectSpread2.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; | |
}; | |
var swipeEnd = function swipeEnd(e, spec) { | |
var dragging = spec.dragging, swipe = spec.swipe, touchObject = spec.touchObject, listWidth = spec.listWidth, touchThreshold = spec.touchThreshold, verticalSwiping = spec.verticalSwiping, listHeight = spec.listHeight, swipeToSlide = spec.swipeToSlide, scrolling = spec.scrolling, onSwipe = spec.onSwipe, targetSlide = spec.targetSlide, currentSlide = spec.currentSlide, infinite = spec.infinite; | |
if (!dragging) { | |
if (swipe) safePreventDefault(e); | |
return {}; | |
} | |
var minSwipe = verticalSwiping ? listHeight / touchThreshold : listWidth / touchThreshold; | |
var swipeDirection = getSwipeDirection(touchObject, verticalSwiping); // reset the state of touch related state variables. | |
var 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); | |
} | |
var slideCount, newSlide; | |
var 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. | |
var currentLeft = getTrackLeft(spec); | |
state["trackStyle"] = getTrackAnimateCSS((0, _objectSpread2.default)((0, _objectSpread2.default)({}, spec), {}, { | |
left: currentLeft | |
})); | |
} | |
return state; | |
}; | |
var getNavigableIndexes = function getNavigableIndexes(spec) { | |
var max = spec.infinite ? spec.slideCount * 2 : spec.slideCount; | |
var breakpoint = spec.infinite ? spec.slidesToShow * -1 : 0; | |
var counter = spec.infinite ? spec.slidesToShow * -1 : 0; | |
var indexes = []; | |
while(breakpoint < max){ | |
indexes.push(breakpoint); | |
breakpoint = counter + spec.slidesToScroll; | |
counter += Math.min(spec.slidesToScroll, spec.slidesToShow); | |
} | |
return indexes; | |
}; | |
var checkNavigable = function checkNavigable(spec, index) { | |
var navigables = getNavigableIndexes(spec); | |
var prevNavigable = 0; | |
if (index > navigables[navigables.length - 1]) { | |
index = navigables[navigables.length - 1]; | |
} else { | |
for(var n in navigables){ | |
if (index < navigables[n]) { | |
index = prevNavigable; | |
break; | |
} | |
prevNavigable = navigables[n]; | |
} | |
} | |
return index; | |
}; | |
var getSlideCount = function getSlideCount(spec) { | |
var centerOffset = spec.centerMode ? spec.slideWidth * Math.floor(spec.slidesToShow / 2) : 0; | |
if (spec.swipeToSlide) { | |
var swipedSlide; | |
var slickList = spec.listRef; | |
var slides = slickList.querySelectorAll && slickList.querySelectorAll(".slick-slide") || []; | |
Array.from(slides).every(function(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; | |
} | |
var currentIndex = spec.rtl === true ? spec.slideCount - spec.currentSlide : spec.currentSlide; | |
var slidesTraversed = Math.abs(swipedSlide.dataset.index - currentIndex) || 1; | |
return slidesTraversed; | |
} else { | |
return spec.slidesToScroll; | |
} | |
}; | |
var checkSpecKeys = function checkSpecKeys(spec, keysArray) { | |
return keysArray.reduce(function(value, key) { | |
return value && spec.hasOwnProperty(key); | |
}, true) ? null : console.error("Keys Missing:", spec); | |
}; | |
var getTrackCSS = function getTrackCSS(spec) { | |
checkSpecKeys(spec, [ | |
"left", | |
"variableWidth", | |
"slideCount", | |
"slidesToShow", | |
"slideWidth" | |
]); | |
var trackWidth, trackHeight; | |
var trackChildren = spec.slideCount + 2 * spec.slidesToShow; | |
if (!spec.vertical) { | |
trackWidth = getTotalSlides(spec) * spec.slideWidth; | |
} else { | |
trackHeight = trackChildren * spec.slideHeight; | |
} | |
var style = { | |
opacity: 1, | |
transition: "", | |
WebkitTransition: "" | |
}; | |
if (spec.useTransform) { | |
var WebkitTransform = !spec.vertical ? "translate3d(" + spec.left + "px, 0px, 0px)" : "translate3d(0px, " + spec.left + "px, 0px)"; | |
var transform = !spec.vertical ? "translate3d(" + spec.left + "px, 0px, 0px)" : "translate3d(0px, " + spec.left + "px, 0px)"; | |
var msTransform = !spec.vertical ? "translateX(" + spec.left + "px)" : "translateY(" + spec.left + "px)"; | |
style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, { | |
WebkitTransform: WebkitTransform, | |
transform: transform, | |
msTransform: 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; | |
if (trackHeight) style.height = trackHeight; // 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; | |
}; | |
var getTrackAnimateCSS = function getTrackAnimateCSS(spec) { | |
checkSpecKeys(spec, [ | |
"left", | |
"variableWidth", | |
"slideCount", | |
"slidesToShow", | |
"slideWidth", | |
"speed", | |
"cssEase" | |
]); | |
var 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; | |
}; | |
var getTrackLeft = function getTrackLeft(spec) { | |
if (spec.unslick) { | |
return 0; | |
} | |
checkSpecKeys(spec, [ | |
"slideIndex", | |
"trackRef", | |
"infinite", | |
"centerMode", | |
"slideCount", | |
"slidesToShow", | |
"slidesToScroll", | |
"slideWidth", | |
"listWidth", | |
"variableWidth", | |
"slideHeight" | |
]); | |
var slideIndex = spec.slideIndex, trackRef = spec.trackRef, infinite = spec.infinite, centerMode = spec.centerMode, slideCount = spec.slideCount, slidesToShow = spec.slidesToShow, slidesToScroll = spec.slidesToScroll, slideWidth = spec.slideWidth, listWidth = spec.listWidth, variableWidth = spec.variableWidth, slideHeight = spec.slideHeight, fade = spec.fade, vertical = spec.vertical; | |
var slideOffset = 0; | |
var targetLeft; | |
var targetSlide; | |
var verticalOffset = 0; | |
if (fade || spec.slideCount === 1) { | |
return 0; | |
} | |
var 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) { | |
var targetSlideIndex; | |
var trackElem = trackRef && trackRef.node; | |
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(var 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; | |
}; | |
var getPreClones = function getPreClones(spec) { | |
if (spec.unslick || !spec.infinite) { | |
return 0; | |
} | |
if (spec.variableWidth) { | |
return spec.slideCount; | |
} | |
return spec.slidesToShow + (spec.centerMode ? 1 : 0); | |
}; | |
var getPostClones = function getPostClones(spec) { | |
if (spec.unslick || !spec.infinite) { | |
return 0; | |
} | |
return spec.slideCount; | |
}; | |
var getTotalSlides = function getTotalSlides(spec) { | |
return spec.slideCount === 1 ? 1 : getPreClones(spec) + spec.slideCount + getPostClones(spec); | |
}; | |
var siblingDirection = function 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"; | |
} | |
}; | |
var slidesOnRight = function slidesOnRight(_ref) { | |
var slidesToShow = _ref.slidesToShow, centerMode = _ref.centerMode, rtl = _ref.rtl, centerPadding = _ref.centerPadding; | |
// returns no of slides on the right of active slide | |
if (centerMode) { | |
var 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; | |
}; | |
var slidesOnLeft = function slidesOnLeft(_ref2) { | |
var slidesToShow = _ref2.slidesToShow, centerMode = _ref2.centerMode, rtl = _ref2.rtl, centerPadding = _ref2.centerPadding; | |
// returns no of slides on the left of active slide | |
if (centerMode) { | |
var 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; | |
}; | |
var canUseDOM = function canUseDOM() { | |
return !!(typeof window !== "undefined" && window.document && window.document.createElement); | |
}; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/conversion.js": | |
/*!*********************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/conversion.js ***! | |
\*********************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
rgbToRgb: ()=>rgbToRgb, | |
rgbToHsl: ()=>rgbToHsl, | |
hslToRgb: ()=>hslToRgb, | |
rgbToHsv: ()=>rgbToHsv, | |
hsvToRgb: ()=>hsvToRgb, | |
rgbToHex: ()=>rgbToHex, | |
rgbaToHex: ()=>rgbaToHex, | |
rgbaToArgbHex: ()=>rgbaToArgbHex, | |
convertDecimalToHex: ()=>convertDecimalToHex, | |
convertHexToDecimal: ()=>convertHexToDecimal, | |
parseIntFromHex: ()=>parseIntFromHex, | |
numberInputToObject: ()=>numberInputToObject | |
}); | |
const _util = __webpack_require__(/*! ./util */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/util.js"); | |
function rgbToRgb(r, g, b) { | |
return { | |
r: (0, _util.bound01)(r, 255) * 255, | |
g: (0, _util.bound01)(g, 255) * 255, | |
b: (0, _util.bound01)(b, 255) * 255 | |
}; | |
} | |
function rgbToHsl(r, g, b) { | |
r = (0, _util.bound01)(r, 255); | |
g = (0, _util.bound01)(g, 255); | |
b = (0, _util.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; | |
} | |
function hslToRgb(h, s, l) { | |
var r; | |
var g; | |
var b; | |
h = (0, _util.bound01)(h, 360); | |
s = (0, _util.bound01)(s, 100); | |
l = (0, _util.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 | |
}; | |
} | |
function rgbToHsv(r, g, b) { | |
r = (0, _util.bound01)(r, 255); | |
g = (0, _util.bound01)(g, 255); | |
b = (0, _util.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 | |
}; | |
} | |
function hsvToRgb(h, s, v) { | |
h = (0, _util.bound01)(h, 360) * 6; | |
s = (0, _util.bound01)(s, 100); | |
v = (0, _util.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 | |
}; | |
} | |
function rgbToHex(r, g, b, allow3Char) { | |
var hex = [ | |
(0, _util.pad2)(Math.round(r).toString(16)), | |
(0, _util.pad2)(Math.round(g).toString(16)), | |
(0, _util.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(""); | |
} | |
function rgbaToHex(r, g, b, a, allow4Char) { | |
var hex = [ | |
(0, _util.pad2)(Math.round(r).toString(16)), | |
(0, _util.pad2)(Math.round(g).toString(16)), | |
(0, _util.pad2)(Math.round(b).toString(16)), | |
(0, _util.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(""); | |
} | |
function rgbaToArgbHex(r, g, b, a) { | |
var hex = [ | |
(0, _util.pad2)(convertDecimalToHex(a)), | |
(0, _util.pad2)(Math.round(r).toString(16)), | |
(0, _util.pad2)(Math.round(g).toString(16)), | |
(0, _util.pad2)(Math.round(b).toString(16)) | |
]; | |
return hex.join(""); | |
} | |
function convertDecimalToHex(d) { | |
return Math.round(parseFloat(d) * 255).toString(16); | |
} | |
function convertHexToDecimal(h) { | |
return parseIntFromHex(h) / 255; | |
} | |
function parseIntFromHex(val) { | |
return parseInt(val, 16); | |
} | |
function numberInputToObject(color) { | |
return { | |
r: color >> 16, | |
g: (color & 0xff00) >> 8, | |
b: color & 0xff | |
}; | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/css-color-names.js": | |
/*!**************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/css-color-names.js ***! | |
\**************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
// https://github.com/bahamas10/css-color-names/blob/master/css-color-names.json | |
/** | |
* @hidden | |
*/ | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "names", ({ | |
enumerable: true, | |
get: ()=>names | |
})); | |
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/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/format-input.js": | |
/*!***********************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/format-input.js ***! | |
\***********************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
inputToRGB: ()=>inputToRGB, | |
stringInputToObject: ()=>stringInputToObject, | |
isValidCSSUnit: ()=>isValidCSSUnit | |
}); | |
const _conversion = __webpack_require__(/*! ./conversion */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/conversion.js"); | |
const _cssColorNames = __webpack_require__(/*! ./css-color-names */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/css-color-names.js"); | |
const _util = __webpack_require__(/*! ./util */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/util.js"); | |
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.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.convertToPercentage)(color.s); | |
v = (0, _util.convertToPercentage)(color.v); | |
rgb = (0, _conversion.hsvToRgb)(color.h, s, v); | |
ok = true; | |
format = "hsv"; | |
} else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) { | |
s = (0, _util.convertToPercentage)(color.s); | |
l = (0, _util.convertToPercentage)(color.l); | |
rgb = (0, _conversion.hslToRgb)(color.h, s, l); | |
ok = true; | |
format = "hsl"; | |
} | |
if (Object.prototype.hasOwnProperty.call(color, "a")) { | |
a = color.a; | |
} | |
} | |
a = (0, _util.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 | |
}; | |
} | |
// <http://www.w3.org/TR/css3-values/#integers> | |
var CSS_INTEGER = "[-\\+]?\\d+%?"; | |
// <http://www.w3.org/TR/css3-values/#number-value> | |
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})$/ | |
}; | |
function stringInputToObject(color) { | |
color = color.trim().toLowerCase(); | |
if (color.length === 0) { | |
return false; | |
} | |
var named = false; | |
if (_cssColorNames.names[color]) { | |
color = _cssColorNames.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.parseIntFromHex)(match[1]), | |
g: (0, _conversion.parseIntFromHex)(match[2]), | |
b: (0, _conversion.parseIntFromHex)(match[3]), | |
a: (0, _conversion.convertHexToDecimal)(match[4]), | |
format: named ? "name" : "hex8" | |
}; | |
} | |
match = matchers.hex6.exec(color); | |
if (match) { | |
return { | |
r: (0, _conversion.parseIntFromHex)(match[1]), | |
g: (0, _conversion.parseIntFromHex)(match[2]), | |
b: (0, _conversion.parseIntFromHex)(match[3]), | |
format: named ? "name" : "hex" | |
}; | |
} | |
match = matchers.hex4.exec(color); | |
if (match) { | |
return { | |
r: (0, _conversion.parseIntFromHex)(match[1] + match[1]), | |
g: (0, _conversion.parseIntFromHex)(match[2] + match[2]), | |
b: (0, _conversion.parseIntFromHex)(match[3] + match[3]), | |
a: (0, _conversion.convertHexToDecimal)(match[4] + match[4]), | |
format: named ? "name" : "hex8" | |
}; | |
} | |
match = matchers.hex3.exec(color); | |
if (match) { | |
return { | |
r: (0, _conversion.parseIntFromHex)(match[1] + match[1]), | |
g: (0, _conversion.parseIntFromHex)(match[2] + match[2]), | |
b: (0, _conversion.parseIntFromHex)(match[3] + match[3]), | |
format: named ? "name" : "hex" | |
}; | |
} | |
return false; | |
} | |
function isValidCSSUnit(color) { | |
return Boolean(matchers.CSS_UNIT.exec(String(color))); | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/from-ratio.js": | |
/*!*********************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/from-ratio.js ***! | |
\*********************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
fromRatio: ()=>fromRatio, | |
legacyRandom: ()=>legacyRandom | |
}); | |
const _index = __webpack_require__(/*! ./index */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/index.js"); | |
const _util = __webpack_require__(/*! ./util */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/util.js"); | |
function fromRatio(ratio, opts) { | |
var newColor = { | |
r: (0, _util.convertToPercentage)(ratio.r), | |
g: (0, _util.convertToPercentage)(ratio.g), | |
b: (0, _util.convertToPercentage)(ratio.b) | |
}; | |
if (ratio.a !== undefined) { | |
newColor.a = Number(ratio.a); | |
} | |
return new _index.TinyColor(newColor, opts); | |
} | |
function legacyRandom() { | |
return new _index.TinyColor({ | |
r: Math.random(), | |
g: Math.random(), | |
b: Math.random() | |
}); | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/index.js": | |
/*!****************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/index.js ***! | |
\****************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
TinyColor: ()=>TinyColor, | |
tinycolor: ()=>tinycolor | |
}); | |
const _conversion = __webpack_require__(/*! ./conversion */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/conversion.js"); | |
const _cssColorNames = __webpack_require__(/*! ./css-color-names */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/css-color-names.js"); | |
const _formatInput = __webpack_require__(/*! ./format-input */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/format-input.js"); | |
const _util = __webpack_require__(/*! ./util */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/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.numberInputToObject)(color); | |
} | |
this.originalInput = color; | |
var rgb = (0, _formatInput.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.boundAlpha)(alpha); | |
this.roundA = Math.round(100 * this.a) / 100; | |
return this; | |
}; | |
/** | |
* Returns the object as a HSVA object. | |
*/ TinyColor.prototype.toHsv = function() { | |
var hsv = (0, _conversion.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.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.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.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.rgbToHex)(this.r, this.g, this.b, allow3Char); | |
}; | |
/** | |
* Returns the hex value of the color -with a # appened. | |
* @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.rgbaToHex)(this.r, this.g, this.b, this.a, allow4Char); | |
}; | |
/** | |
* Returns the hex 8 value of the color -with a # appened. | |
* @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 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.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.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.rgbToHex)(this.r, this.g, this.b, false); | |
for(var _i = 0, _a = Object.entries(_cssColorNames.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.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.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.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.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(); | |
return new TinyColor({ | |
r: bg.r + (fg.r - bg.r) * fg.a, | |
g: bg.g + (fg.g - bg.g) * fg.a, | |
b: bg.b + (fg.b - bg.b) * fg.a | |
}); | |
}; | |
/** | |
* 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; | |
}(); | |
function tinycolor(color, opts) { | |
if (color === void 0) { | |
color = ""; | |
} | |
if (opts === void 0) { | |
opts = {}; | |
} | |
return new TinyColor(color, opts); | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/interfaces.js": | |
/*!*********************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/interfaces.js ***! | |
\*********************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/public_api.js": | |
/*!*********************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/public_api.js ***! | |
\*********************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _exportStar = (__webpack_require__(/*! @swc/helpers/lib/_export_star.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_export_star.js")["default"]); | |
const _index = _exportStar(__webpack_require__(/*! ./index */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/index.js"), exports); | |
_exportStar(__webpack_require__(/*! ./css-color-names */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/css-color-names.js"), exports); | |
_exportStar(__webpack_require__(/*! ./readability */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/readability.js"), exports); | |
_exportStar(__webpack_require__(/*! ./to-ms-filter */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/to-ms-filter.js"), exports); | |
_exportStar(__webpack_require__(/*! ./from-ratio */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/from-ratio.js"), exports); | |
_exportStar(__webpack_require__(/*! ./format-input */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/format-input.js"), exports); | |
_exportStar(__webpack_require__(/*! ./random */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/random.js"), exports); | |
_exportStar(__webpack_require__(/*! ./interfaces */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/interfaces.js"), exports); | |
_exportStar(__webpack_require__(/*! ./conversion */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/conversion.js"), exports); | |
const _default = _index.tinycolor; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/random.js": | |
/*!*****************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/random.js ***! | |
\*****************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
// randomColor by David Merfield under the CC0 license | |
// https://github.com/davidmerfield/randomColor/ | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
random: ()=>random, | |
bounds: ()=>bounds | |
}); | |
const _index = __webpack_require__(/*! ./index */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/index.js"); | |
function random(options) { | |
if (options === void 0) { | |
options = {}; | |
} | |
// Check if we need to generate multiple colors | |
if (options.count !== undefined && options.count !== null) { | |
var totalColors = options.count; | |
var colors = []; | |
options.count = undefined; | |
while(totalColors > colors.length){ | |
// Since we're generating multiple colors, | |
// incremement the seed. Otherwise we'd just | |
// generate the same color each time... | |
options.count = null; | |
if (options.seed) { | |
options.seed += 1; | |
} | |
colors.push(random(options)); | |
} | |
options.count = totalColors; | |
return colors; | |
} | |
// First we pick a hue (H) | |
var h = pickHue(options.hue, options.seed); | |
// Then use H to determine saturation (S) | |
var s = pickSaturation(h, options); | |
// Then use S and H to determine brightness (B). | |
var v = pickBrightness(h, s, options); | |
var res = { | |
h: h, | |
s: s, | |
v: v | |
}; | |
if (options.alpha !== undefined) { | |
res.a = options.alpha; | |
} | |
// Then we return the HSB color in the desired format | |
return new _index.TinyColor(res); | |
} | |
function pickHue(hue, seed) { | |
var hueRange = getHueRange(hue); | |
var res = randomWithin(hueRange, seed); | |
// Instead of storing red as two seperate ranges, | |
// we group them, using negative numbers | |
if (res < 0) { | |
res = 360 + res; | |
} | |
return res; | |
} | |
function pickSaturation(hue, options) { | |
if (options.hue === "monochrome") { | |
return 0; | |
} | |
if (options.luminosity === "random") { | |
return randomWithin([ | |
0, | |
100 | |
], options.seed); | |
} | |
var saturationRange = getColorInfo(hue).saturationRange; | |
var sMin = saturationRange[0]; | |
var sMax = saturationRange[1]; | |
switch(options.luminosity){ | |
case "bright": | |
sMin = 55; | |
break; | |
case "dark": | |
sMin = sMax - 10; | |
break; | |
case "light": | |
sMax = 55; | |
break; | |
default: | |
break; | |
} | |
return randomWithin([ | |
sMin, | |
sMax | |
], options.seed); | |
} | |
function pickBrightness(H, S, options) { | |
var bMin = getMinimumBrightness(H, S); | |
var bMax = 100; | |
switch(options.luminosity){ | |
case "dark": | |
bMax = bMin + 20; | |
break; | |
case "light": | |
bMin = (bMax + bMin) / 2; | |
break; | |
case "random": | |
bMin = 0; | |
bMax = 100; | |
break; | |
default: | |
break; | |
} | |
return randomWithin([ | |
bMin, | |
bMax | |
], options.seed); | |
} | |
function getMinimumBrightness(H, S) { | |
var lowerBounds = getColorInfo(H).lowerBounds; | |
for(var i = 0; i < lowerBounds.length - 1; i++){ | |
var s1 = lowerBounds[i][0]; | |
var v1 = lowerBounds[i][1]; | |
var s2 = lowerBounds[i + 1][0]; | |
var v2 = lowerBounds[i + 1][1]; | |
if (S >= s1 && S <= s2) { | |
var m = (v2 - v1) / (s2 - s1); | |
var b = v1 - m * s1; | |
return m * S + b; | |
} | |
} | |
return 0; | |
} | |
function getHueRange(colorInput) { | |
var num = parseInt(colorInput, 10); | |
if (!Number.isNaN(num) && num < 360 && num > 0) { | |
return [ | |
num, | |
num | |
]; | |
} | |
if (typeof colorInput === "string") { | |
var namedColor = bounds.find(function(n) { | |
return n.name === colorInput; | |
}); | |
if (namedColor) { | |
var color = defineColor(namedColor); | |
if (color.hueRange) { | |
return color.hueRange; | |
} | |
} | |
var parsed = new _index.TinyColor(colorInput); | |
if (parsed.isValid) { | |
var hue = parsed.toHsv().h; | |
return [ | |
hue, | |
hue | |
]; | |
} | |
} | |
return [ | |
0, | |
360 | |
]; | |
} | |
function getColorInfo(hue) { | |
// Maps red colors to make picking hue easier | |
if (hue >= 334 && hue <= 360) { | |
hue -= 360; | |
} | |
for(var _i = 0, bounds_1 = bounds; _i < bounds_1.length; _i++){ | |
var bound = bounds_1[_i]; | |
var color = defineColor(bound); | |
if (color.hueRange && hue >= color.hueRange[0] && hue <= color.hueRange[1]) { | |
return color; | |
} | |
} | |
throw Error("Color not found"); | |
} | |
function randomWithin(range, seed) { | |
if (seed === undefined) { | |
return Math.floor(range[0] + Math.random() * (range[1] + 1 - range[0])); | |
} | |
// Seeded random algorithm from http://indiegamr.com/generate-repeatable-random-numbers-in-js/ | |
var max = range[1] || 1; | |
var min = range[0] || 0; | |
seed = (seed * 9301 + 49297) % 233280; | |
var rnd = seed / 233280.0; | |
return Math.floor(min + rnd * (max - min)); | |
} | |
function defineColor(bound) { | |
var sMin = bound.lowerBounds[0][0]; | |
var sMax = bound.lowerBounds[bound.lowerBounds.length - 1][0]; | |
var bMin = bound.lowerBounds[bound.lowerBounds.length - 1][1]; | |
var bMax = bound.lowerBounds[0][1]; | |
return { | |
name: bound.name, | |
hueRange: bound.hueRange, | |
lowerBounds: bound.lowerBounds, | |
saturationRange: [ | |
sMin, | |
sMax | |
], | |
brightnessRange: [ | |
bMin, | |
bMax | |
] | |
}; | |
} | |
var bounds = [ | |
{ | |
name: "monochrome", | |
hueRange: null, | |
lowerBounds: [ | |
[ | |
0, | |
0 | |
], | |
[ | |
100, | |
0 | |
] | |
] | |
}, | |
{ | |
name: "red", | |
hueRange: [ | |
-26, | |
18 | |
], | |
lowerBounds: [ | |
[ | |
20, | |
100 | |
], | |
[ | |
30, | |
92 | |
], | |
[ | |
40, | |
89 | |
], | |
[ | |
50, | |
85 | |
], | |
[ | |
60, | |
78 | |
], | |
[ | |
70, | |
70 | |
], | |
[ | |
80, | |
60 | |
], | |
[ | |
90, | |
55 | |
], | |
[ | |
100, | |
50 | |
] | |
] | |
}, | |
{ | |
name: "orange", | |
hueRange: [ | |
19, | |
46 | |
], | |
lowerBounds: [ | |
[ | |
20, | |
100 | |
], | |
[ | |
30, | |
93 | |
], | |
[ | |
40, | |
88 | |
], | |
[ | |
50, | |
86 | |
], | |
[ | |
60, | |
85 | |
], | |
[ | |
70, | |
70 | |
], | |
[ | |
100, | |
70 | |
] | |
] | |
}, | |
{ | |
name: "yellow", | |
hueRange: [ | |
47, | |
62 | |
], | |
lowerBounds: [ | |
[ | |
25, | |
100 | |
], | |
[ | |
40, | |
94 | |
], | |
[ | |
50, | |
89 | |
], | |
[ | |
60, | |
86 | |
], | |
[ | |
70, | |
84 | |
], | |
[ | |
80, | |
82 | |
], | |
[ | |
90, | |
80 | |
], | |
[ | |
100, | |
75 | |
] | |
] | |
}, | |
{ | |
name: "green", | |
hueRange: [ | |
63, | |
178 | |
], | |
lowerBounds: [ | |
[ | |
30, | |
100 | |
], | |
[ | |
40, | |
90 | |
], | |
[ | |
50, | |
85 | |
], | |
[ | |
60, | |
81 | |
], | |
[ | |
70, | |
74 | |
], | |
[ | |
80, | |
64 | |
], | |
[ | |
90, | |
50 | |
], | |
[ | |
100, | |
40 | |
] | |
] | |
}, | |
{ | |
name: "blue", | |
hueRange: [ | |
179, | |
257 | |
], | |
lowerBounds: [ | |
[ | |
20, | |
100 | |
], | |
[ | |
30, | |
86 | |
], | |
[ | |
40, | |
80 | |
], | |
[ | |
50, | |
74 | |
], | |
[ | |
60, | |
60 | |
], | |
[ | |
70, | |
52 | |
], | |
[ | |
80, | |
44 | |
], | |
[ | |
90, | |
39 | |
], | |
[ | |
100, | |
35 | |
] | |
] | |
}, | |
{ | |
name: "purple", | |
hueRange: [ | |
258, | |
282 | |
], | |
lowerBounds: [ | |
[ | |
20, | |
100 | |
], | |
[ | |
30, | |
87 | |
], | |
[ | |
40, | |
79 | |
], | |
[ | |
50, | |
70 | |
], | |
[ | |
60, | |
65 | |
], | |
[ | |
70, | |
59 | |
], | |
[ | |
80, | |
52 | |
], | |
[ | |
90, | |
45 | |
], | |
[ | |
100, | |
42 | |
] | |
] | |
}, | |
{ | |
name: "pink", | |
hueRange: [ | |
283, | |
334 | |
], | |
lowerBounds: [ | |
[ | |
20, | |
100 | |
], | |
[ | |
30, | |
90 | |
], | |
[ | |
40, | |
86 | |
], | |
[ | |
60, | |
84 | |
], | |
[ | |
80, | |
80 | |
], | |
[ | |
90, | |
75 | |
], | |
[ | |
100, | |
73 | |
] | |
] | |
} | |
]; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/readability.js": | |
/*!**********************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/readability.js ***! | |
\**********************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
readability: ()=>readability, | |
isReadable: ()=>isReadable, | |
mostReadable: ()=>mostReadable | |
}); | |
const _index = __webpack_require__(/*! ./index */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/index.js"); | |
function readability(color1, color2) { | |
var c1 = new _index.TinyColor(color1); | |
var c2 = new _index.TinyColor(color2); | |
return (Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) / (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05); | |
} | |
function isReadable(color1, color2, wcag2) { | |
var _a, _b; | |
if (wcag2 === void 0) { | |
wcag2 = { | |
level: "AA", | |
size: "small" | |
}; | |
} | |
var readabilityLevel = readability(color1, color2); | |
switch(((_a = wcag2.level) !== null && _a !== void 0 ? _a : "AA") + ((_b = wcag2.size) !== null && _b !== void 0 ? _b : "small")){ | |
case "AAsmall": | |
case "AAAlarge": | |
return readabilityLevel >= 4.5; | |
case "AAlarge": | |
return readabilityLevel >= 3; | |
case "AAAsmall": | |
return readabilityLevel >= 7; | |
default: | |
return false; | |
} | |
} | |
function mostReadable(baseColor, colorList, args) { | |
if (args === void 0) { | |
args = { | |
includeFallbackColors: false, | |
level: "AA", | |
size: "small" | |
}; | |
} | |
var bestColor = null; | |
var bestScore = 0; | |
var includeFallbackColors = args.includeFallbackColors, level = args.level, size = args.size; | |
for(var _i = 0, colorList_1 = colorList; _i < colorList_1.length; _i++){ | |
var color = colorList_1[_i]; | |
var score = readability(baseColor, color); | |
if (score > bestScore) { | |
bestScore = score; | |
bestColor = new _index.TinyColor(color); | |
} | |
} | |
if (isReadable(baseColor, bestColor, { | |
level: level, | |
size: size | |
}) || !includeFallbackColors) { | |
return bestColor; | |
} | |
args.includeFallbackColors = false; | |
return mostReadable(baseColor, [ | |
"#fff", | |
"#000" | |
], args); | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/to-ms-filter.js": | |
/*!***********************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/to-ms-filter.js ***! | |
\***********************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "toMsFilter", ({ | |
enumerable: true, | |
get: ()=>toMsFilter | |
})); | |
const _conversion = __webpack_require__(/*! ./conversion */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/conversion.js"); | |
const _index = __webpack_require__(/*! ./index */ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/index.js"); | |
function toMsFilter(firstColor, secondColor) { | |
var color = new _index.TinyColor(firstColor); | |
var hex8String = "#" + (0, _conversion.rgbaToArgbHex)(color.r, color.g, color.b, color.a); | |
var secondHex8String = hex8String; | |
var gradientType = color.gradientType ? "GradientType = 1, " : ""; | |
if (secondColor) { | |
var s = new _index.TinyColor(secondColor); | |
secondHex8String = "#" + (0, _conversion.rgbaToArgbHex)(s.r, s.g, s.b, s.a); | |
} | |
return "progid:DXImageTransform.Microsoft.gradient(".concat(gradientType, "startColorstr=").concat(hex8String, ",endColorstr=").concat(secondHex8String, ")"); | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/util.js": | |
/*!***************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@ctrl+tinycolor@3.4.1/node_modules/@ctrl/tinycolor/dist/module/util.js ***! | |
\***************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
/** | |
* Take input from [0, n] and return it as [0, 1] | |
* @hidden | |
*/ | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
bound01: ()=>bound01, | |
clamp01: ()=>clamp01, | |
isOnePointZero: ()=>isOnePointZero, | |
isPercentage: ()=>isPercentage, | |
boundAlpha: ()=>boundAlpha, | |
convertToPercentage: ()=>convertToPercentage, | |
pad2: ()=>pad2 | |
}); | |
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; | |
} | |
function clamp01(val) { | |
return Math.min(1, Math.max(0, val)); | |
} | |
function isOnePointZero(n) { | |
return typeof n === "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1; | |
} | |
function isPercentage(n) { | |
return typeof n === "string" && n.indexOf("%") !== -1; | |
} | |
function boundAlpha(a) { | |
a = parseFloat(a); | |
if (isNaN(a) || a < 0 || a > 1) { | |
a = 1; | |
} | |
return a; | |
} | |
function convertToPercentage(n) { | |
if (n <= 1) { | |
return "".concat(Number(n) * 100, "%"); | |
} | |
return n; | |
} | |
function pad2(c) { | |
return c.length === 1 ? "0" + c : String(c); | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/Context.js": | |
/*!**********************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/Context.js ***! | |
\**********************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
var OrderContext = /*#__PURE__*/ _react.createContext(null); | |
const _default = OrderContext; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/Portal.js": | |
/*!*********************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/Portal.js ***! | |
\*********************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_default | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _slicedToArray = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/slicedToArray.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _reactDom = __webpack_require__(/*! react-dom */ "./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/index.js"); | |
const _canUseDom = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! rc-util/es/Dom/canUseDom */ "./node_modules/.pnpm/rc-util@5.24.4_biqbaboplfbrettd7655fr4n2y/node_modules/rc-util/es/Dom/canUseDom.js")); | |
const _ref = __webpack_require__(/*! rc-util/es/ref */ "./node_modules/.pnpm/rc-util@5.24.4_biqbaboplfbrettd7655fr4n2y/node_modules/rc-util/es/ref.js"); | |
const _context = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./Context */ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/Context.js")); | |
const _useDom = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./useDom */ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/useDom.js")); | |
const _useScrollLocker = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./useScrollLocker */ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/useScrollLocker.js")); | |
const _mock = __webpack_require__(/*! ./mock */ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/mock.js"); | |
var getPortalContainer = function getPortalContainer(getContainer) { | |
if (getContainer === false) { | |
return false; | |
} | |
if (!(0, _canUseDom.default)() || !getContainer) { | |
return null; | |
} | |
if (typeof getContainer === "string") { | |
return document.querySelector(getContainer); | |
} | |
if (typeof getContainer === "function") { | |
return getContainer(); | |
} | |
return getContainer; | |
}; | |
var Portal = /*#__PURE__*/ _react.forwardRef(function(props, ref) { | |
var open = props.open, autoLock = props.autoLock, getContainer = props.getContainer, debug = props.debug, _props$autoDestroy = props.autoDestroy, autoDestroy = _props$autoDestroy === void 0 ? true : _props$autoDestroy, children = props.children; | |
var _React$useState = _react.useState(open), _React$useState2 = (0, _slicedToArray.default)(_React$useState, 2), shouldRender = _React$useState2[0], setShouldRender = _React$useState2[1]; | |
var mergedRender = shouldRender || open; // ====================== Should Render ====================== | |
_react.useEffect(function() { | |
if (autoDestroy || open) { | |
setShouldRender(open); | |
} | |
}, [ | |
open, | |
autoDestroy | |
]); // ======================== Container ======================== | |
var _React$useState3 = _react.useState(function() { | |
return getPortalContainer(getContainer); | |
}), _React$useState4 = (0, _slicedToArray.default)(_React$useState3, 2), innerContainer = _React$useState4[0], setInnerContainer = _React$useState4[1]; | |
_react.useEffect(function() { | |
var customizeContainer = getPortalContainer(getContainer); // Tell component that we check this in effect which is safe to be `null` | |
setInnerContainer(customizeContainer !== null && customizeContainer !== void 0 ? customizeContainer : null); | |
}); | |
var _useDom1 = (0, _useDom.default)(mergedRender && !innerContainer, debug), _useDom2 = (0, _slicedToArray.default)(_useDom1, 2), defaultContainer = _useDom2[0], queueCreate = _useDom2[1]; | |
var mergedContainer = innerContainer !== null && innerContainer !== void 0 ? innerContainer : defaultContainer; // ========================= Locker ========================== | |
(0, _useScrollLocker.default)(autoLock && open && (0, _canUseDom.default)() && (mergedContainer === defaultContainer || mergedContainer === document.body)); // =========================== Ref =========================== | |
var childRef = null; | |
if (children && (0, _ref.supportRef)(children) && ref) { | |
var _ref1 = children; | |
childRef = _ref1.ref; | |
} | |
var mergedRef = (0, _ref.useComposeRef)(childRef, ref); // ========================= Render ========================== | |
// Do not render when nothing need render | |
// When innerContainer is `undefined`, it may not ready since user use ref in the same render | |
if (!mergedRender || !(0, _canUseDom.default)() || innerContainer === undefined) { | |
return null; | |
} // Render inline | |
var renderInline = mergedContainer === false || (0, _mock.inlineMock)(); | |
var reffedChildren = children; | |
if (ref) { | |
reffedChildren = /*#__PURE__*/ _react.cloneElement(children, { | |
ref: mergedRef | |
}); | |
} | |
return /*#__PURE__*/ _react.createElement(_context.default.Provider, { | |
value: queueCreate | |
}, renderInline ? reffedChildren : /*#__PURE__*/ (0, _reactDom.createPortal)(reffedChildren, mergedContainer)); | |
}); | |
if (true) { | |
Portal.displayName = "Portal"; | |
} | |
const _default = Portal; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/index.js": | |
/*!********************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/index.js ***! | |
\********************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
inlineMock: ()=>_mock.inlineMock, | |
default: ()=>_default | |
}); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _portal = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./Portal */ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/Portal.js")); | |
const _mock = __webpack_require__(/*! ./mock */ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/mock.js"); | |
const _default = _portal.default; | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/mock.js": | |
/*!*******************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/mock.js ***! | |
\*******************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
inline: ()=>inline, | |
inlineMock: ()=>inlineMock | |
}); | |
var inline = false; | |
function inlineMock(nextInline) { | |
if (typeof nextInline === "boolean") { | |
inline = nextInline; | |
} | |
return inline; | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/useDom.js": | |
/*!*********************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/useDom.js ***! | |
\*********************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>useDom | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _toConsumableArray = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js")); | |
const _slicedToArray = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/slicedToArray.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _useLayoutEffect = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! rc-util/es/hooks/useLayoutEffect */ "./node_modules/.pnpm/rc-util@5.24.4_biqbaboplfbrettd7655fr4n2y/node_modules/rc-util/es/hooks/useLayoutEffect.js")); | |
const _canUseDom = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! rc-util/es/Dom/canUseDom */ "./node_modules/.pnpm/rc-util@5.24.4_biqbaboplfbrettd7655fr4n2y/node_modules/rc-util/es/Dom/canUseDom.js")); | |
const _context = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! ./Context */ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/Context.js")); | |
var EMPTY_LIST = []; | |
function useDom(render, debug) { | |
var _React$useState = _react.useState(function() { | |
if (!(0, _canUseDom.default)()) { | |
return null; | |
} | |
var defaultEle = document.createElement("div"); | |
if ( true && debug) { | |
defaultEle.setAttribute("data-debug", debug); | |
} | |
return defaultEle; | |
}), _React$useState2 = (0, _slicedToArray.default)(_React$useState, 1), ele = _React$useState2[0]; // ========================== Order ========================== | |
var queueCreate = _react.useContext(_context.default); | |
var _React$useState3 = _react.useState(EMPTY_LIST), _React$useState4 = (0, _slicedToArray.default)(_React$useState3, 2), queue = _React$useState4[0], setQueue = _React$useState4[1]; | |
var mergedQueueCreate = queueCreate || function(appendFn) { | |
setQueue(function(origin) { | |
var newQueue = [ | |
appendFn | |
].concat((0, _toConsumableArray.default)(origin)); | |
return newQueue; | |
}); | |
}; // =========================== DOM =========================== | |
function append() { | |
if (!ele.parentElement) { | |
document.body.appendChild(ele); | |
} | |
} | |
function cleanup() { | |
var _ele$parentElement; | |
(_ele$parentElement = ele.parentElement) === null || _ele$parentElement === void 0 ? void 0 : _ele$parentElement.removeChild(ele); | |
} | |
(0, _useLayoutEffect.default)(function() { | |
if (render) { | |
if (queueCreate) { | |
queueCreate(append); | |
} else { | |
append(); | |
} | |
} else { | |
cleanup(); | |
} | |
return cleanup; | |
}, [ | |
render | |
]); | |
(0, _useLayoutEffect.default)(function() { | |
if (queue.length) { | |
queue.forEach(function(appendFn) { | |
return appendFn(); | |
}); | |
setQueue(EMPTY_LIST); | |
} | |
}, [ | |
queue | |
]); | |
return [ | |
ele, | |
mergedQueueCreate | |
]; | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/useScrollLocker.js": | |
/*!******************************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/useScrollLocker.js ***! | |
\******************************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>useScrollLocker | |
})); | |
const _interopRequireDefault = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_default.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js")["default"]); | |
const _interopRequireWildcard = (__webpack_require__(/*! @swc/helpers/lib/_interop_require_wildcard.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js")["default"]); | |
const _slicedToArray = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/.pnpm/@babel+runtime@7.20.1/node_modules/@babel/runtime/helpers/esm/slicedToArray.js")); | |
const _react = /*#__PURE__*/ _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js")); | |
const _dynamicCSS = __webpack_require__(/*! rc-util/es/Dom/dynamicCSS */ "./node_modules/.pnpm/rc-util@5.24.4_biqbaboplfbrettd7655fr4n2y/node_modules/rc-util/es/Dom/dynamicCSS.js"); | |
const _useLayoutEffect = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! rc-util/es/hooks/useLayoutEffect */ "./node_modules/.pnpm/rc-util@5.24.4_biqbaboplfbrettd7655fr4n2y/node_modules/rc-util/es/hooks/useLayoutEffect.js")); | |
const _getScrollBarSize = /*#__PURE__*/ _interopRequireDefault(__webpack_require__(/*! rc-util/es/getScrollBarSize */ "./node_modules/.pnpm/rc-util@5.24.4_biqbaboplfbrettd7655fr4n2y/node_modules/rc-util/es/getScrollBarSize.js")); | |
const _util = __webpack_require__(/*! ./util */ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/util.js"); | |
var UNIQUE_ID = "rc-util-locker-".concat(Date.now()); | |
var uuid = 0; | |
function useScrollLocker(lock) { | |
var mergedLock = !!lock; | |
var _React$useState = _react.useState(function() { | |
uuid += 1; | |
return "".concat(UNIQUE_ID, "_").concat(uuid); | |
}), _React$useState2 = (0, _slicedToArray.default)(_React$useState, 1), id = _React$useState2[0]; | |
(0, _useLayoutEffect.default)(function() { | |
if (mergedLock) { | |
var scrollbarSize = (0, _getScrollBarSize.default)(); | |
var isOverflow = (0, _util.isBodyOverflowing)(); | |
(0, _dynamicCSS.updateCSS)("\nhtml body {\n overflow-y: hidden;\n ".concat(isOverflow ? "width: calc(100% - ".concat(scrollbarSize, "px);") : "", "\n}"), id); | |
} else { | |
(0, _dynamicCSS.removeCSS)(id); | |
} | |
return function() { | |
(0, _dynamicCSS.removeCSS)(id); | |
}; | |
}, [ | |
mergedLock, | |
id | |
]); | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/util.js": | |
/*!*******************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@rc-component+portal@1.0.3_biqbaboplfbrettd7655fr4n2y/node_modules/@rc-component/portal/es/util.js ***! | |
\*******************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
/** | |
* Test usage export. Do not use in your production | |
*/ | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "isBodyOverflowing", ({ | |
enumerable: true, | |
get: ()=>isBodyOverflowing | |
})); | |
function isBodyOverflowing() { | |
return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth; | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_export_star.js": | |
/*!**********************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_export_star.js ***! | |
\**********************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_exportStar | |
})); | |
function _exportStar(from, to) { | |
Object.keys(from).forEach(function(k) { | |
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, { | |
enumerable: true, | |
get: function() { | |
return from[k]; | |
} | |
}); | |
}); | |
return from; | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js": | |
/*!**********************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_default.js ***! | |
\**********************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_interopRequireDefault | |
})); | |
function _interopRequireDefault(obj) { | |
return obj && obj.__esModule ? obj : { | |
default: obj | |
}; | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js": | |
/*!***********************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_interop_require_wildcard.js ***! | |
\***********************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
Object.defineProperty(exports, "default", ({ | |
enumerable: true, | |
get: ()=>_interopRequireWildcard | |
})); | |
function _getRequireWildcardCache(nodeInterop) { | |
if (typeof WeakMap !== "function") return null; | |
var cacheBabelInterop = new WeakMap(); | |
var cacheNodeInterop = new WeakMap(); | |
return (_getRequireWildcardCache = function(nodeInterop) { | |
return nodeInterop ? cacheNodeInterop : cacheBabelInterop; | |
})(nodeInterop); | |
} | |
function _interopRequireWildcard(obj, nodeInterop) { | |
if (!nodeInterop && obj && obj.__esModule) { | |
return obj; | |
} | |
if (obj === null || typeof obj !== "object" && typeof obj !== "function") { | |
return { | |
default: obj | |
}; | |
} | |
var cache = _getRequireWildcardCache(nodeInterop); | |
if (cache && cache.has(obj)) { | |
return cache.get(obj); | |
} | |
var newObj = {}; | |
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; | |
for(var key in obj){ | |
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { | |
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; | |
if (desc && (desc.get || desc.set)) { | |
Object.defineProperty(newObj, key, desc); | |
} else { | |
newObj[key] = obj[key]; | |
} | |
} | |
} | |
newObj.default = obj; | |
if (cache) { | |
cache.set(obj, newObj); | |
} | |
return newObj; | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@vue+compiler-core@3.2.45/node_modules/@vue/compiler-core/dist/compiler-core.esm-bundler.js": | |
/*!************************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@vue+compiler-core@3.2.45/node_modules/@vue/compiler-core/dist/compiler-core.esm-bundler.js ***! | |
\************************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
generateCodeFrame: ()=>_shared.generateCodeFrame, | |
BASE_TRANSITION: ()=>BASE_TRANSITION, | |
CAMELIZE: ()=>CAMELIZE, | |
CAPITALIZE: ()=>CAPITALIZE, | |
CREATE_BLOCK: ()=>CREATE_BLOCK, | |
CREATE_COMMENT: ()=>CREATE_COMMENT, | |
CREATE_ELEMENT_BLOCK: ()=>CREATE_ELEMENT_BLOCK, | |
CREATE_ELEMENT_VNODE: ()=>CREATE_ELEMENT_VNODE, | |
CREATE_SLOTS: ()=>CREATE_SLOTS, | |
CREATE_STATIC: ()=>CREATE_STATIC, | |
CREATE_TEXT: ()=>CREATE_TEXT, | |
CREATE_VNODE: ()=>CREATE_VNODE, | |
FRAGMENT: ()=>FRAGMENT, | |
GUARD_REACTIVE_PROPS: ()=>GUARD_REACTIVE_PROPS, | |
IS_MEMO_SAME: ()=>IS_MEMO_SAME, | |
IS_REF: ()=>IS_REF, | |
KEEP_ALIVE: ()=>KEEP_ALIVE, | |
MERGE_PROPS: ()=>MERGE_PROPS, | |
NORMALIZE_CLASS: ()=>NORMALIZE_CLASS, | |
NORMALIZE_PROPS: ()=>NORMALIZE_PROPS, | |
NORMALIZE_STYLE: ()=>NORMALIZE_STYLE, | |
OPEN_BLOCK: ()=>OPEN_BLOCK, | |
POP_SCOPE_ID: ()=>POP_SCOPE_ID, | |
PUSH_SCOPE_ID: ()=>PUSH_SCOPE_ID, | |
RENDER_LIST: ()=>RENDER_LIST, | |
RENDER_SLOT: ()=>RENDER_SLOT, | |
RESOLVE_COMPONENT: ()=>RESOLVE_COMPONENT, | |
RESOLVE_DIRECTIVE: ()=>RESOLVE_DIRECTIVE, | |
RESOLVE_DYNAMIC_COMPONENT: ()=>RESOLVE_DYNAMIC_COMPONENT, | |
RESOLVE_FILTER: ()=>RESOLVE_FILTER, | |
SET_BLOCK_TRACKING: ()=>SET_BLOCK_TRACKING, | |
SUSPENSE: ()=>SUSPENSE, | |
TELEPORT: ()=>TELEPORT, | |
TO_DISPLAY_STRING: ()=>TO_DISPLAY_STRING, | |
TO_HANDLERS: ()=>TO_HANDLERS, | |
TO_HANDLER_KEY: ()=>TO_HANDLER_KEY, | |
UNREF: ()=>UNREF, | |
WITH_CTX: ()=>WITH_CTX, | |
WITH_DIRECTIVES: ()=>WITH_DIRECTIVES, | |
WITH_MEMO: ()=>WITH_MEMO, | |
advancePositionWithClone: ()=>advancePositionWithClone, | |
advancePositionWithMutation: ()=>advancePositionWithMutation, | |
assert: ()=>assert, | |
baseCompile: ()=>baseCompile, | |
baseParse: ()=>baseParse, | |
buildDirectiveArgs: ()=>buildDirectiveArgs, | |
buildProps: ()=>buildProps, | |
buildSlots: ()=>buildSlots, | |
checkCompatEnabled: ()=>checkCompatEnabled, | |
createArrayExpression: ()=>createArrayExpression, | |
createAssignmentExpression: ()=>createAssignmentExpression, | |
createBlockStatement: ()=>createBlockStatement, | |
createCacheExpression: ()=>createCacheExpression, | |
createCallExpression: ()=>createCallExpression, | |
createCompilerError: ()=>createCompilerError, | |
createCompoundExpression: ()=>createCompoundExpression, | |
createConditionalExpression: ()=>createConditionalExpression, | |
createForLoopParams: ()=>createForLoopParams, | |
createFunctionExpression: ()=>createFunctionExpression, | |
createIfStatement: ()=>createIfStatement, | |
createInterpolation: ()=>createInterpolation, | |
createObjectExpression: ()=>createObjectExpression, | |
createObjectProperty: ()=>createObjectProperty, | |
createReturnStatement: ()=>createReturnStatement, | |
createRoot: ()=>createRoot, | |
createSequenceExpression: ()=>createSequenceExpression, | |
createSimpleExpression: ()=>createSimpleExpression, | |
createStructuralDirectiveTransform: ()=>createStructuralDirectiveTransform, | |
createTemplateLiteral: ()=>createTemplateLiteral, | |
createTransformContext: ()=>createTransformContext, | |
createVNodeCall: ()=>createVNodeCall, | |
extractIdentifiers: ()=>extractIdentifiers, | |
findDir: ()=>findDir, | |
findProp: ()=>findProp, | |
generate: ()=>generate, | |
getBaseTransformPreset: ()=>getBaseTransformPreset, | |
getConstantType: ()=>getConstantType, | |
getInnerRange: ()=>getInnerRange, | |
getMemoedVNodeCall: ()=>getMemoedVNodeCall, | |
getVNodeBlockHelper: ()=>getVNodeBlockHelper, | |
getVNodeHelper: ()=>getVNodeHelper, | |
hasDynamicKeyVBind: ()=>hasDynamicKeyVBind, | |
hasScopeRef: ()=>hasScopeRef, | |
helperNameMap: ()=>helperNameMap, | |
injectProp: ()=>injectProp, | |
isBuiltInType: ()=>isBuiltInType, | |
isCoreComponent: ()=>isCoreComponent, | |
isFunctionType: ()=>isFunctionType, | |
isInDestructureAssignment: ()=>isInDestructureAssignment, | |
isMemberExpression: ()=>isMemberExpression, | |
isMemberExpressionBrowser: ()=>isMemberExpressionBrowser, | |
isMemberExpressionNode: ()=>isMemberExpressionNode, | |
isReferencedIdentifier: ()=>isReferencedIdentifier, | |
isSimpleIdentifier: ()=>isSimpleIdentifier, | |
isSlotOutlet: ()=>isSlotOutlet, | |
isStaticArgOf: ()=>isStaticArgOf, | |
isStaticExp: ()=>isStaticExp, | |
isStaticProperty: ()=>isStaticProperty, | |
isStaticPropertyKey: ()=>isStaticPropertyKey, | |
isTemplateNode: ()=>isTemplateNode, | |
isText: ()=>isText, | |
isVSlot: ()=>isVSlot, | |
locStub: ()=>locStub, | |
makeBlock: ()=>makeBlock, | |
noopDirectiveTransform: ()=>noopDirectiveTransform, | |
processExpression: ()=>processExpression, | |
processFor: ()=>processFor, | |
processIf: ()=>processIf, | |
processSlotOutlet: ()=>processSlotOutlet, | |
registerRuntimeHelpers: ()=>registerRuntimeHelpers, | |
resolveComponentType: ()=>resolveComponentType, | |
stringifyExpression: ()=>stringifyExpression, | |
toValidAssetId: ()=>toValidAssetId, | |
trackSlotScopes: ()=>trackSlotScopes, | |
trackVForSlotScopes: ()=>trackVForSlotScopes, | |
transform: ()=>transform, | |
transformBind: ()=>transformBind, | |
transformElement: ()=>transformElement, | |
transformExpression: ()=>transformExpression, | |
transformModel: ()=>transformModel, | |
transformOn: ()=>transformOn, | |
traverseNode: ()=>traverseNode, | |
walkBlockDeclarations: ()=>walkBlockDeclarations, | |
walkFunctionParams: ()=>walkFunctionParams, | |
walkIdentifiers: ()=>walkIdentifiers, | |
warnDeprecation: ()=>warnDeprecation | |
}); | |
const _shared = __webpack_require__(/*! @vue/shared */ "./node_modules/.pnpm/@vue+shared@3.2.45/node_modules/@vue/shared/dist/shared.esm-bundler.js"); | |
function defaultOnError(error) { | |
throw error; | |
} | |
function defaultOnWarn(msg) { | |
true && console.warn(`[Vue warn] ${msg.message}`); | |
} | |
function createCompilerError(code, loc, messages, additionalMessage) { | |
const msg = true ? (messages || errorMessages)[code] + (additionalMessage || ``) : 0; | |
const error = new SyntaxError(String(msg)); | |
error.code = code; | |
error.loc = loc; | |
return error; | |
} | |
const errorMessages = { | |
// parse errors | |
[0 /* ErrorCodes.ABRUPT_CLOSING_OF_EMPTY_COMMENT */ ]: "Illegal comment.", | |
[1 /* ErrorCodes.CDATA_IN_HTML_CONTENT */ ]: "CDATA section is allowed only in XML context.", | |
[2 /* ErrorCodes.DUPLICATE_ATTRIBUTE */ ]: "Duplicate attribute.", | |
[3 /* ErrorCodes.END_TAG_WITH_ATTRIBUTES */ ]: "End tag cannot have attributes.", | |
[4 /* ErrorCodes.END_TAG_WITH_TRAILING_SOLIDUS */ ]: "Illegal '/' in tags.", | |
[5 /* ErrorCodes.EOF_BEFORE_TAG_NAME */ ]: "Unexpected EOF in tag.", | |
[6 /* ErrorCodes.EOF_IN_CDATA */ ]: "Unexpected EOF in CDATA section.", | |
[7 /* ErrorCodes.EOF_IN_COMMENT */ ]: "Unexpected EOF in comment.", | |
[8 /* ErrorCodes.EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT */ ]: "Unexpected EOF in script.", | |
[9 /* ErrorCodes.EOF_IN_TAG */ ]: "Unexpected EOF in tag.", | |
[10 /* ErrorCodes.INCORRECTLY_CLOSED_COMMENT */ ]: "Incorrectly closed comment.", | |
[11 /* ErrorCodes.INCORRECTLY_OPENED_COMMENT */ ]: "Incorrectly opened comment.", | |
[12 /* ErrorCodes.INVALID_FIRST_CHARACTER_OF_TAG_NAME */ ]: "Illegal tag name. Use '<' to print '<'.", | |
[13 /* ErrorCodes.MISSING_ATTRIBUTE_VALUE */ ]: "Attribute value was expected.", | |
[14 /* ErrorCodes.MISSING_END_TAG_NAME */ ]: "End tag name was expected.", | |
[15 /* ErrorCodes.MISSING_WHITESPACE_BETWEEN_ATTRIBUTES */ ]: "Whitespace was expected.", | |
[16 /* ErrorCodes.NESTED_COMMENT */ ]: "Unexpected '<!--' in comment.", | |
[17 /* ErrorCodes.UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME */ ]: "Attribute name cannot contain U+0022 (\"), U+0027 ('), and U+003C (<).", | |
[18 /* ErrorCodes.UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE */ ]: "Unquoted attribute value cannot contain U+0022 (\"), U+0027 ('), U+003C (<), U+003D (=), and U+0060 (`).", | |
[19 /* ErrorCodes.UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME */ ]: "Attribute name cannot start with '='.", | |
[21 /* ErrorCodes.UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME */ ]: "'<?' is allowed only in XML context.", | |
[20 /* ErrorCodes.UNEXPECTED_NULL_CHARACTER */ ]: `Unexpected null character.`, | |
[22 /* ErrorCodes.UNEXPECTED_SOLIDUS_IN_TAG */ ]: "Illegal '/' in tags.", | |
// Vue-specific parse errors | |
[23 /* ErrorCodes.X_INVALID_END_TAG */ ]: "Invalid end tag.", | |
[24 /* ErrorCodes.X_MISSING_END_TAG */ ]: "Element is missing end tag.", | |
[25 /* ErrorCodes.X_MISSING_INTERPOLATION_END */ ]: "Interpolation end sign was not found.", | |
[27 /* ErrorCodes.X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */ ]: "End bracket for dynamic directive argument was not found. " + "Note that dynamic directive argument cannot contain spaces.", | |
[26 /* ErrorCodes.X_MISSING_DIRECTIVE_NAME */ ]: "Legal directive name was expected.", | |
// transform errors | |
[28 /* ErrorCodes.X_V_IF_NO_EXPRESSION */ ]: `v-if/v-else-if is missing expression.`, | |
[29 /* ErrorCodes.X_V_IF_SAME_KEY */ ]: `v-if/else branches must use unique keys.`, | |
[30 /* ErrorCodes.X_V_ELSE_NO_ADJACENT_IF */ ]: `v-else/v-else-if has no adjacent v-if or v-else-if.`, | |
[31 /* ErrorCodes.X_V_FOR_NO_EXPRESSION */ ]: `v-for is missing expression.`, | |
[32 /* ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION */ ]: `v-for has invalid expression.`, | |
[33 /* ErrorCodes.X_V_FOR_TEMPLATE_KEY_PLACEMENT */ ]: `<template v-for> key should be placed on the <template> tag.`, | |
[34 /* ErrorCodes.X_V_BIND_NO_EXPRESSION */ ]: `v-bind is missing expression.`, | |
[35 /* ErrorCodes.X_V_ON_NO_EXPRESSION */ ]: `v-on is missing expression.`, | |
[36 /* ErrorCodes.X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */ ]: `Unexpected custom directive on <slot> outlet.`, | |
[37 /* ErrorCodes.X_V_SLOT_MIXED_SLOT_USAGE */ ]: `Mixed v-slot usage on both the component and nested <template>.` + `When there are multiple named slots, all slots should use <template> ` + `syntax to avoid scope ambiguity.`, | |
[38 /* ErrorCodes.X_V_SLOT_DUPLICATE_SLOT_NAMES */ ]: `Duplicate slot names found. `, | |
[39 /* ErrorCodes.X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */ ]: `Extraneous children found when component already has explicitly named ` + `default slot. These children will be ignored.`, | |
[40 /* ErrorCodes.X_V_SLOT_MISPLACED */ ]: `v-slot can only be used on components or <template> tags.`, | |
[41 /* ErrorCodes.X_V_MODEL_NO_EXPRESSION */ ]: `v-model is missing expression.`, | |
[42 /* ErrorCodes.X_V_MODEL_MALFORMED_EXPRESSION */ ]: `v-model value must be a valid JavaScript member expression.`, | |
[43 /* ErrorCodes.X_V_MODEL_ON_SCOPE_VARIABLE */ ]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`, | |
[44 /* ErrorCodes.X_V_MODEL_ON_PROPS */ ]: `v-model cannot be used on a prop, because local prop bindings are not writable.\nUse a v-bind binding combined with a v-on listener that emits update:x event instead.`, | |
[45 /* ErrorCodes.X_INVALID_EXPRESSION */ ]: `Error parsing JavaScript expression: `, | |
[46 /* ErrorCodes.X_KEEP_ALIVE_INVALID_CHILDREN */ ]: `<KeepAlive> expects exactly one child component.`, | |
// generic errors | |
[47 /* ErrorCodes.X_PREFIX_ID_NOT_SUPPORTED */ ]: `"prefixIdentifiers" option is not supported in this build of compiler.`, | |
[48 /* ErrorCodes.X_MODULE_MODE_NOT_SUPPORTED */ ]: `ES module mode is not supported in this build of compiler.`, | |
[49 /* ErrorCodes.X_CACHE_HANDLER_NOT_SUPPORTED */ ]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`, | |
[50 /* ErrorCodes.X_SCOPE_ID_NOT_SUPPORTED */ ]: `"scopeId" option is only supported in module mode.`, | |
// just to fulfill types | |
[51 /* ErrorCodes.__EXTEND_POINT__ */ ]: `` | |
}; | |
const FRAGMENT = Symbol( true ? `Fragment` : 0); | |
const TELEPORT = Symbol( true ? `Teleport` : 0); | |
const SUSPENSE = Symbol( true ? `Suspense` : 0); | |
const KEEP_ALIVE = Symbol( true ? `KeepAlive` : 0); | |
const BASE_TRANSITION = Symbol( true ? `BaseTransition` : 0); | |
const OPEN_BLOCK = Symbol( true ? `openBlock` : 0); | |
const CREATE_BLOCK = Symbol( true ? `createBlock` : 0); | |
const CREATE_ELEMENT_BLOCK = Symbol( true ? `createElementBlock` : 0); | |
const CREATE_VNODE = Symbol( true ? `createVNode` : 0); | |
const CREATE_ELEMENT_VNODE = Symbol( true ? `createElementVNode` : 0); | |
const CREATE_COMMENT = Symbol( true ? `createCommentVNode` : 0); | |
const CREATE_TEXT = Symbol( true ? `createTextVNode` : 0); | |
const CREATE_STATIC = Symbol( true ? `createStaticVNode` : 0); | |
const RESOLVE_COMPONENT = Symbol( true ? `resolveComponent` : 0); | |
const RESOLVE_DYNAMIC_COMPONENT = Symbol( true ? `resolveDynamicComponent` : 0); | |
const RESOLVE_DIRECTIVE = Symbol( true ? `resolveDirective` : 0); | |
const RESOLVE_FILTER = Symbol( true ? `resolveFilter` : 0); | |
const WITH_DIRECTIVES = Symbol( true ? `withDirectives` : 0); | |
const RENDER_LIST = Symbol( true ? `renderList` : 0); | |
const RENDER_SLOT = Symbol( true ? `renderSlot` : 0); | |
const CREATE_SLOTS = Symbol( true ? `createSlots` : 0); | |
const TO_DISPLAY_STRING = Symbol( true ? `toDisplayString` : 0); | |
const MERGE_PROPS = Symbol( true ? `mergeProps` : 0); | |
const NORMALIZE_CLASS = Symbol( true ? `normalizeClass` : 0); | |
const NORMALIZE_STYLE = Symbol( true ? `normalizeStyle` : 0); | |
const NORMALIZE_PROPS = Symbol( true ? `normalizeProps` : 0); | |
const GUARD_REACTIVE_PROPS = Symbol( true ? `guardReactiveProps` : 0); | |
const TO_HANDLERS = Symbol( true ? `toHandlers` : 0); | |
const CAMELIZE = Symbol( true ? `camelize` : 0); | |
const CAPITALIZE = Symbol( true ? `capitalize` : 0); | |
const TO_HANDLER_KEY = Symbol( true ? `toHandlerKey` : 0); | |
const SET_BLOCK_TRACKING = Symbol( true ? `setBlockTracking` : 0); | |
const PUSH_SCOPE_ID = Symbol( true ? `pushScopeId` : 0); | |
const POP_SCOPE_ID = Symbol( true ? `popScopeId` : 0); | |
const WITH_CTX = Symbol( true ? `withCtx` : 0); | |
const UNREF = Symbol( true ? `unref` : 0); | |
const IS_REF = Symbol( true ? `isRef` : 0); | |
const WITH_MEMO = Symbol( true ? `withMemo` : 0); | |
const IS_MEMO_SAME = Symbol( true ? `isMemoSame` : 0); | |
// Name mapping for runtime helpers that need to be imported from 'vue' in | |
// generated code. Make sure these are correctly exported in the runtime! | |
const helperNameMap = { | |
[FRAGMENT]: `Fragment`, | |
[TELEPORT]: `Teleport`, | |
[SUSPENSE]: `Suspense`, | |
[KEEP_ALIVE]: `KeepAlive`, | |
[BASE_TRANSITION]: `BaseTransition`, | |
[OPEN_BLOCK]: `openBlock`, | |
[CREATE_BLOCK]: `createBlock`, | |
[CREATE_ELEMENT_BLOCK]: `createElementBlock`, | |
[CREATE_VNODE]: `createVNode`, | |
[CREATE_ELEMENT_VNODE]: `createElementVNode`, | |
[CREATE_COMMENT]: `createCommentVNode`, | |
[CREATE_TEXT]: `createTextVNode`, | |
[CREATE_STATIC]: `createStaticVNode`, | |
[RESOLVE_COMPONENT]: `resolveComponent`, | |
[RESOLVE_DYNAMIC_COMPONENT]: `resolveDynamicComponent`, | |
[RESOLVE_DIRECTIVE]: `resolveDirective`, | |
[RESOLVE_FILTER]: `resolveFilter`, | |
[WITH_DIRECTIVES]: `withDirectives`, | |
[RENDER_LIST]: `renderList`, | |
[RENDER_SLOT]: `renderSlot`, | |
[CREATE_SLOTS]: `createSlots`, | |
[TO_DISPLAY_STRING]: `toDisplayString`, | |
[MERGE_PROPS]: `mergeProps`, | |
[NORMALIZE_CLASS]: `normalizeClass`, | |
[NORMALIZE_STYLE]: `normalizeStyle`, | |
[NORMALIZE_PROPS]: `normalizeProps`, | |
[GUARD_REACTIVE_PROPS]: `guardReactiveProps`, | |
[TO_HANDLERS]: `toHandlers`, | |
[CAMELIZE]: `camelize`, | |
[CAPITALIZE]: `capitalize`, | |
[TO_HANDLER_KEY]: `toHandlerKey`, | |
[SET_BLOCK_TRACKING]: `setBlockTracking`, | |
[PUSH_SCOPE_ID]: `pushScopeId`, | |
[POP_SCOPE_ID]: `popScopeId`, | |
[WITH_CTX]: `withCtx`, | |
[UNREF]: `unref`, | |
[IS_REF]: `isRef`, | |
[WITH_MEMO]: `withMemo`, | |
[IS_MEMO_SAME]: `isMemoSame` | |
}; | |
function registerRuntimeHelpers(helpers) { | |
Object.getOwnPropertySymbols(helpers).forEach((s)=>{ | |
helperNameMap[s] = helpers[s]; | |
}); | |
} | |
// AST Utilities --------------------------------------------------------------- | |
// Some expressions, e.g. sequence and conditional expressions, are never | |
// associated with template nodes, so their source locations are just a stub. | |
// Container types like CompoundExpression also don't need a real location. | |
const locStub = { | |
source: "", | |
start: { | |
line: 1, | |
column: 1, | |
offset: 0 | |
}, | |
end: { | |
line: 1, | |
column: 1, | |
offset: 0 | |
} | |
}; | |
function createRoot(children, loc = locStub) { | |
return { | |
type: 0 /* NodeTypes.ROOT */ , | |
children, | |
helpers: [], | |
components: [], | |
directives: [], | |
hoists: [], | |
imports: [], | |
cached: 0, | |
temps: 0, | |
codegenNode: undefined, | |
loc | |
}; | |
} | |
function createVNodeCall(context, tag, props, children, patchFlag, dynamicProps, directives, isBlock = false, disableTracking = false, isComponent = false, loc = locStub) { | |
if (context) { | |
if (isBlock) { | |
context.helper(OPEN_BLOCK); | |
context.helper(getVNodeBlockHelper(context.inSSR, isComponent)); | |
} else { | |
context.helper(getVNodeHelper(context.inSSR, isComponent)); | |
} | |
if (directives) { | |
context.helper(WITH_DIRECTIVES); | |
} | |
} | |
return { | |
type: 13 /* NodeTypes.VNODE_CALL */ , | |
tag, | |
props, | |
children, | |
patchFlag, | |
dynamicProps, | |
directives, | |
isBlock, | |
disableTracking, | |
isComponent, | |
loc | |
}; | |
} | |
function createArrayExpression(elements, loc = locStub) { | |
return { | |
type: 17 /* NodeTypes.JS_ARRAY_EXPRESSION */ , | |
loc, | |
elements | |
}; | |
} | |
function createObjectExpression(properties, loc = locStub) { | |
return { | |
type: 15 /* NodeTypes.JS_OBJECT_EXPRESSION */ , | |
loc, | |
properties | |
}; | |
} | |
function createObjectProperty(key, value) { | |
return { | |
type: 16 /* NodeTypes.JS_PROPERTY */ , | |
loc: locStub, | |
key: (0, _shared.isString)(key) ? createSimpleExpression(key, true) : key, | |
value | |
}; | |
} | |
function createSimpleExpression(content, isStatic = false, loc = locStub, constType = 0 /* ConstantTypes.NOT_CONSTANT */ ) { | |
return { | |
type: 4 /* NodeTypes.SIMPLE_EXPRESSION */ , | |
loc, | |
content, | |
isStatic, | |
constType: isStatic ? 3 /* ConstantTypes.CAN_STRINGIFY */ : constType | |
}; | |
} | |
function createInterpolation(content, loc) { | |
return { | |
type: 5 /* NodeTypes.INTERPOLATION */ , | |
loc, | |
content: (0, _shared.isString)(content) ? createSimpleExpression(content, false, loc) : content | |
}; | |
} | |
function createCompoundExpression(children, loc = locStub) { | |
return { | |
type: 8 /* NodeTypes.COMPOUND_EXPRESSION */ , | |
loc, | |
children | |
}; | |
} | |
function createCallExpression(callee, args = [], loc = locStub) { | |
return { | |
type: 14 /* NodeTypes.JS_CALL_EXPRESSION */ , | |
loc, | |
callee, | |
arguments: args | |
}; | |
} | |
function createFunctionExpression(params, returns = undefined, newline = false, isSlot = false, loc = locStub) { | |
return { | |
type: 18 /* NodeTypes.JS_FUNCTION_EXPRESSION */ , | |
params, | |
returns, | |
newline, | |
isSlot, | |
loc | |
}; | |
} | |
function createConditionalExpression(test, consequent, alternate, newline = true) { | |
return { | |
type: 19 /* NodeTypes.JS_CONDITIONAL_EXPRESSION */ , | |
test, | |
consequent, | |
alternate, | |
newline, | |
loc: locStub | |
}; | |
} | |
function createCacheExpression(index, value, isVNode = false) { | |
return { | |
type: 20 /* NodeTypes.JS_CACHE_EXPRESSION */ , | |
index, | |
value, | |
isVNode, | |
loc: locStub | |
}; | |
} | |
function createBlockStatement(body) { | |
return { | |
type: 21 /* NodeTypes.JS_BLOCK_STATEMENT */ , | |
body, | |
loc: locStub | |
}; | |
} | |
function createTemplateLiteral(elements) { | |
return { | |
type: 22 /* NodeTypes.JS_TEMPLATE_LITERAL */ , | |
elements, | |
loc: locStub | |
}; | |
} | |
function createIfStatement(test, consequent, alternate) { | |
return { | |
type: 23 /* NodeTypes.JS_IF_STATEMENT */ , | |
test, | |
consequent, | |
alternate, | |
loc: locStub | |
}; | |
} | |
function createAssignmentExpression(left, right) { | |
return { | |
type: 24 /* NodeTypes.JS_ASSIGNMENT_EXPRESSION */ , | |
left, | |
right, | |
loc: locStub | |
}; | |
} | |
function createSequenceExpression(expressions) { | |
return { | |
type: 25 /* NodeTypes.JS_SEQUENCE_EXPRESSION */ , | |
expressions, | |
loc: locStub | |
}; | |
} | |
function createReturnStatement(returns) { | |
return { | |
type: 26 /* NodeTypes.JS_RETURN_STATEMENT */ , | |
returns, | |
loc: locStub | |
}; | |
} | |
const isStaticExp = (p)=>p.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ && p.isStatic; | |
const isBuiltInType = (tag, expected)=>tag === expected || tag === (0, _shared.hyphenate)(expected); | |
function isCoreComponent(tag) { | |
if (isBuiltInType(tag, "Teleport")) { | |
return TELEPORT; | |
} else if (isBuiltInType(tag, "Suspense")) { | |
return SUSPENSE; | |
} else if (isBuiltInType(tag, "KeepAlive")) { | |
return KEEP_ALIVE; | |
} else if (isBuiltInType(tag, "BaseTransition")) { | |
return BASE_TRANSITION; | |
} | |
} | |
const nonIdentifierRE = /^\d|[^\$\w]/; | |
const isSimpleIdentifier = (name)=>!nonIdentifierRE.test(name); | |
const validFirstIdentCharRE = /[A-Za-z_$\xA0-\uFFFF]/; | |
const validIdentCharRE = /[\.\?\w$\xA0-\uFFFF]/; | |
const whitespaceRE = /\s+[.[]\s*|\s*[.[]\s+/g; | |
/** | |
* Simple lexer to check if an expression is a member expression. This is | |
* lax and only checks validity at the root level (i.e. does not validate exps | |
* inside square brackets), but it's ok since these are only used on template | |
* expressions and false positives are invalid expressions in the first place. | |
*/ const isMemberExpressionBrowser = (path)=>{ | |
// remove whitespaces around . or [ first | |
path = path.trim().replace(whitespaceRE, (s)=>s.trim()); | |
let state = 0 /* MemberExpLexState.inMemberExp */ ; | |
let stateStack = []; | |
let currentOpenBracketCount = 0; | |
let currentOpenParensCount = 0; | |
let currentStringType = null; | |
for(let i = 0; i < path.length; i++){ | |
const char = path.charAt(i); | |
switch(state){ | |
case 0 /* MemberExpLexState.inMemberExp */ : | |
if (char === "[") { | |
stateStack.push(state); | |
state = 1 /* MemberExpLexState.inBrackets */ ; | |
currentOpenBracketCount++; | |
} else if (char === "(") { | |
stateStack.push(state); | |
state = 2 /* MemberExpLexState.inParens */ ; | |
currentOpenParensCount++; | |
} else if (!(i === 0 ? validFirstIdentCharRE : validIdentCharRE).test(char)) { | |
return false; | |
} | |
break; | |
case 1 /* MemberExpLexState.inBrackets */ : | |
if (char === `'` || char === `"` || char === "`") { | |
stateStack.push(state); | |
state = 3 /* MemberExpLexState.inString */ ; | |
currentStringType = char; | |
} else if (char === `[`) { | |
currentOpenBracketCount++; | |
} else if (char === `]`) { | |
if (!--currentOpenBracketCount) { | |
state = stateStack.pop(); | |
} | |
} | |
break; | |
case 2 /* MemberExpLexState.inParens */ : | |
if (char === `'` || char === `"` || char === "`") { | |
stateStack.push(state); | |
state = 3 /* MemberExpLexState.inString */ ; | |
currentStringType = char; | |
} else if (char === `(`) { | |
currentOpenParensCount++; | |
} else if (char === `)`) { | |
// if the exp ends as a call then it should not be considered valid | |
if (i === path.length - 1) { | |
return false; | |
} | |
if (!--currentOpenParensCount) { | |
state = stateStack.pop(); | |
} | |
} | |
break; | |
case 3 /* MemberExpLexState.inString */ : | |
if (char === currentStringType) { | |
state = stateStack.pop(); | |
currentStringType = null; | |
} | |
break; | |
} | |
} | |
return !currentOpenBracketCount && !currentOpenParensCount; | |
}; | |
const isMemberExpressionNode = _shared.NOOP; | |
const isMemberExpression = isMemberExpressionBrowser; | |
function getInnerRange(loc, offset, length) { | |
const source = loc.source.slice(offset, offset + length); | |
const newLoc = { | |
source, | |
start: advancePositionWithClone(loc.start, loc.source, offset), | |
end: loc.end | |
}; | |
if (length != null) { | |
newLoc.end = advancePositionWithClone(loc.start, loc.source, offset + length); | |
} | |
return newLoc; | |
} | |
function advancePositionWithClone(pos, source, numberOfCharacters = source.length) { | |
return advancePositionWithMutation((0, _shared.extend)({}, pos), source, numberOfCharacters); | |
} | |
// advance by mutation without cloning (for performance reasons), since this | |
// gets called a lot in the parser | |
function advancePositionWithMutation(pos, source, numberOfCharacters = source.length) { | |
let linesCount = 0; | |
let lastNewLinePos = -1; | |
for(let i = 0; i < numberOfCharacters; i++){ | |
if (source.charCodeAt(i) === 10 /* newline char code */ ) { | |
linesCount++; | |
lastNewLinePos = i; | |
} | |
} | |
pos.offset += numberOfCharacters; | |
pos.line += linesCount; | |
pos.column = lastNewLinePos === -1 ? pos.column + numberOfCharacters : numberOfCharacters - lastNewLinePos; | |
return pos; | |
} | |
function assert(condition, msg) { | |
/* istanbul ignore if */ if (!condition) { | |
throw new Error(msg || `unexpected compiler condition`); | |
} | |
} | |
function findDir(node, name, allowEmpty = false) { | |
for(let i = 0; i < node.props.length; i++){ | |
const p = node.props[i]; | |
if (p.type === 7 /* NodeTypes.DIRECTIVE */ && (allowEmpty || p.exp) && ((0, _shared.isString)(name) ? p.name === name : name.test(p.name))) { | |
return p; | |
} | |
} | |
} | |
function findProp(node, name, dynamicOnly = false, allowEmpty = false) { | |
for(let i = 0; i < node.props.length; i++){ | |
const p = node.props[i]; | |
if (p.type === 6 /* NodeTypes.ATTRIBUTE */ ) { | |
if (dynamicOnly) continue; | |
if (p.name === name && (p.value || allowEmpty)) { | |
return p; | |
} | |
} else if (p.name === "bind" && (p.exp || allowEmpty) && isStaticArgOf(p.arg, name)) { | |
return p; | |
} | |
} | |
} | |
function isStaticArgOf(arg, name) { | |
return !!(arg && isStaticExp(arg) && arg.content === name); | |
} | |
function hasDynamicKeyVBind(node) { | |
return node.props.some((p)=>p.type === 7 /* NodeTypes.DIRECTIVE */ && p.name === "bind" && (!p.arg || // v-bind="obj" | |
p.arg.type !== 4 /* NodeTypes.SIMPLE_EXPRESSION */ || // v-bind:[_ctx.foo] | |
!p.arg.isStatic // v-bind:[foo] | |
)); | |
} | |
function isText(node) { | |
return node.type === 5 /* NodeTypes.INTERPOLATION */ || node.type === 2 /* NodeTypes.TEXT */ ; | |
} | |
function isVSlot(p) { | |
return p.type === 7 /* NodeTypes.DIRECTIVE */ && p.name === "slot"; | |
} | |
function isTemplateNode(node) { | |
return node.type === 1 /* NodeTypes.ELEMENT */ && node.tagType === 3 /* ElementTypes.TEMPLATE */ ; | |
} | |
function isSlotOutlet(node) { | |
return node.type === 1 /* NodeTypes.ELEMENT */ && node.tagType === 2 /* ElementTypes.SLOT */ ; | |
} | |
function getVNodeHelper(ssr, isComponent) { | |
return ssr || isComponent ? CREATE_VNODE : CREATE_ELEMENT_VNODE; | |
} | |
function getVNodeBlockHelper(ssr, isComponent) { | |
return ssr || isComponent ? CREATE_BLOCK : CREATE_ELEMENT_BLOCK; | |
} | |
const propsHelperSet = new Set([ | |
NORMALIZE_PROPS, | |
GUARD_REACTIVE_PROPS | |
]); | |
function getUnnormalizedProps(props, callPath = []) { | |
if (props && !(0, _shared.isString)(props) && props.type === 14 /* NodeTypes.JS_CALL_EXPRESSION */ ) { | |
const callee = props.callee; | |
if (!(0, _shared.isString)(callee) && propsHelperSet.has(callee)) { | |
return getUnnormalizedProps(props.arguments[0], callPath.concat(props)); | |
} | |
} | |
return [ | |
props, | |
callPath | |
]; | |
} | |
function injectProp(node, prop, context) { | |
let propsWithInjection; | |
/** | |
* 1. mergeProps(...) | |
* 2. toHandlers(...) | |
* 3. normalizeProps(...) | |
* 4. normalizeProps(guardReactiveProps(...)) | |
* | |
* we need to get the real props before normalization | |
*/ let props = node.type === 13 /* NodeTypes.VNODE_CALL */ ? node.props : node.arguments[2]; | |
let callPath = []; | |
let parentCall; | |
if (props && !(0, _shared.isString)(props) && props.type === 14 /* NodeTypes.JS_CALL_EXPRESSION */ ) { | |
const ret = getUnnormalizedProps(props); | |
props = ret[0]; | |
callPath = ret[1]; | |
parentCall = callPath[callPath.length - 1]; | |
} | |
if (props == null || (0, _shared.isString)(props)) { | |
propsWithInjection = createObjectExpression([ | |
prop | |
]); | |
} else if (props.type === 14 /* NodeTypes.JS_CALL_EXPRESSION */ ) { | |
// merged props... add ours | |
// only inject key to object literal if it's the first argument so that | |
// if doesn't override user provided keys | |
const first = props.arguments[0]; | |
if (!(0, _shared.isString)(first) && first.type === 15 /* NodeTypes.JS_OBJECT_EXPRESSION */ ) { | |
// #6631 | |
if (!hasProp(prop, first)) { | |
first.properties.unshift(prop); | |
} | |
} else { | |
if (props.callee === TO_HANDLERS) { | |
// #2366 | |
propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [ | |
createObjectExpression([ | |
prop | |
]), | |
props | |
]); | |
} else { | |
props.arguments.unshift(createObjectExpression([ | |
prop | |
])); | |
} | |
} | |
!propsWithInjection && (propsWithInjection = props); | |
} else if (props.type === 15 /* NodeTypes.JS_OBJECT_EXPRESSION */ ) { | |
if (!hasProp(prop, props)) { | |
props.properties.unshift(prop); | |
} | |
propsWithInjection = props; | |
} else { | |
// single v-bind with expression, return a merged replacement | |
propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [ | |
createObjectExpression([ | |
prop | |
]), | |
props | |
]); | |
// in the case of nested helper call, e.g. `normalizeProps(guardReactiveProps(props))`, | |
// it will be rewritten as `normalizeProps(mergeProps({ key: 0 }, props))`, | |
// the `guardReactiveProps` will no longer be needed | |
if (parentCall && parentCall.callee === GUARD_REACTIVE_PROPS) { | |
parentCall = callPath[callPath.length - 2]; | |
} | |
} | |
if (node.type === 13 /* NodeTypes.VNODE_CALL */ ) { | |
if (parentCall) { | |
parentCall.arguments[0] = propsWithInjection; | |
} else { | |
node.props = propsWithInjection; | |
} | |
} else { | |
if (parentCall) { | |
parentCall.arguments[0] = propsWithInjection; | |
} else { | |
node.arguments[2] = propsWithInjection; | |
} | |
} | |
} | |
// check existing key to avoid overriding user provided keys | |
function hasProp(prop, props) { | |
let result = false; | |
if (prop.key.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ) { | |
const propKeyName = prop.key.content; | |
result = props.properties.some((p)=>p.key.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ && p.key.content === propKeyName); | |
} | |
return result; | |
} | |
function toValidAssetId(name, type) { | |
// see issue#4422, we need adding identifier on validAssetId if variable `name` has specific character | |
return `_${type}_${name.replace(/[^\w]/g, (searchValue, replaceValue)=>{ | |
return searchValue === "-" ? "_" : name.charCodeAt(replaceValue).toString(); | |
})}`; | |
} | |
// Check if a node contains expressions that reference current context scope ids | |
function hasScopeRef(node, ids) { | |
if (!node || Object.keys(ids).length === 0) { | |
return false; | |
} | |
switch(node.type){ | |
case 1 /* NodeTypes.ELEMENT */ : | |
for(let i = 0; i < node.props.length; i++){ | |
const p = node.props[i]; | |
if (p.type === 7 /* NodeTypes.DIRECTIVE */ && (hasScopeRef(p.arg, ids) || hasScopeRef(p.exp, ids))) { | |
return true; | |
} | |
} | |
return node.children.some((c)=>hasScopeRef(c, ids)); | |
case 11 /* NodeTypes.FOR */ : | |
if (hasScopeRef(node.source, ids)) { | |
return true; | |
} | |
return node.children.some((c)=>hasScopeRef(c, ids)); | |
case 9 /* NodeTypes.IF */ : | |
return node.branches.some((b)=>hasScopeRef(b, ids)); | |
case 10 /* NodeTypes.IF_BRANCH */ : | |
if (hasScopeRef(node.condition, ids)) { | |
return true; | |
} | |
return node.children.some((c)=>hasScopeRef(c, ids)); | |
case 4 /* NodeTypes.SIMPLE_EXPRESSION */ : | |
return !node.isStatic && isSimpleIdentifier(node.content) && !!ids[node.content]; | |
case 8 /* NodeTypes.COMPOUND_EXPRESSION */ : | |
return node.children.some((c)=>(0, _shared.isObject)(c) && hasScopeRef(c, ids)); | |
case 5 /* NodeTypes.INTERPOLATION */ : | |
case 12 /* NodeTypes.TEXT_CALL */ : | |
return hasScopeRef(node.content, ids); | |
case 2 /* NodeTypes.TEXT */ : | |
case 3 /* NodeTypes.COMMENT */ : | |
return false; | |
default: | |
if (true) ; | |
return false; | |
} | |
} | |
function getMemoedVNodeCall(node) { | |
if (node.type === 14 /* NodeTypes.JS_CALL_EXPRESSION */ && node.callee === WITH_MEMO) { | |
return node.arguments[1].returns; | |
} else { | |
return node; | |
} | |
} | |
function makeBlock(node, { helper , removeHelper , inSSR }) { | |
if (!node.isBlock) { | |
node.isBlock = true; | |
removeHelper(getVNodeHelper(inSSR, node.isComponent)); | |
helper(OPEN_BLOCK); | |
helper(getVNodeBlockHelper(inSSR, node.isComponent)); | |
} | |
} | |
const deprecationData = { | |
["COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */ ]: { | |
message: `Platform-native elements with "is" prop will no longer be ` + `treated as components in Vue 3 unless the "is" value is explicitly ` + `prefixed with "vue:".`, | |
link: `https://v3-migration.vuejs.org/breaking-changes/custom-elements-interop.html` | |
}, | |
["COMPILER_V_BIND_SYNC" /* CompilerDeprecationTypes.COMPILER_V_BIND_SYNC */ ]: { | |
message: (key)=>`.sync modifier for v-bind has been removed. Use v-model with ` + `argument instead. \`v-bind:${key}.sync\` should be changed to ` + `\`v-model:${key}\`.`, | |
link: `https://v3-migration.vuejs.org/breaking-changes/v-model.html` | |
}, | |
["COMPILER_V_BIND_PROP" /* CompilerDeprecationTypes.COMPILER_V_BIND_PROP */ ]: { | |
message: `.prop modifier for v-bind has been removed and no longer necessary. ` + `Vue 3 will automatically set a binding as DOM property when appropriate.` | |
}, | |
["COMPILER_V_BIND_OBJECT_ORDER" /* CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER */ ]: { | |
message: `v-bind="obj" usage is now order sensitive and behaves like JavaScript ` + `object spread: it will now overwrite an existing non-mergeable attribute ` + `that appears before v-bind in the case of conflict. ` + `To retain 2.x behavior, move v-bind to make it the first attribute. ` + `You can also suppress this warning if the usage is intended.`, | |
link: `https://v3-migration.vuejs.org/breaking-changes/v-bind.html` | |
}, | |
["COMPILER_V_ON_NATIVE" /* CompilerDeprecationTypes.COMPILER_V_ON_NATIVE */ ]: { | |
message: `.native modifier for v-on has been removed as is no longer necessary.`, | |
link: `https://v3-migration.vuejs.org/breaking-changes/v-on-native-modifier-removed.html` | |
}, | |
["COMPILER_V_IF_V_FOR_PRECEDENCE" /* CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE */ ]: { | |
message: `v-if / v-for precedence when used on the same element has changed ` + `in Vue 3: v-if now takes higher precedence and will no longer have ` + `access to v-for scope variables. It is best to avoid the ambiguity ` + `with <template> tags or use a computed property that filters v-for ` + `data source.`, | |
link: `https://v3-migration.vuejs.org/breaking-changes/v-if-v-for.html` | |
}, | |
["COMPILER_NATIVE_TEMPLATE" /* CompilerDeprecationTypes.COMPILER_NATIVE_TEMPLATE */ ]: { | |
message: `<template> with no special directives will render as a native template ` + `element instead of its inner content in Vue 3.` | |
}, | |
["COMPILER_INLINE_TEMPLATE" /* CompilerDeprecationTypes.COMPILER_INLINE_TEMPLATE */ ]: { | |
message: `"inline-template" has been removed in Vue 3.`, | |
link: `https://v3-migration.vuejs.org/breaking-changes/inline-template-attribute.html` | |
}, | |
["COMPILER_FILTER" /* CompilerDeprecationTypes.COMPILER_FILTERS */ ]: { | |
message: `filters have been removed in Vue 3. ` + `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` + `Use method calls or computed properties instead.`, | |
link: `https://v3-migration.vuejs.org/breaking-changes/filters.html` | |
} | |
}; | |
function getCompatValue(key, context) { | |
const config = context.options ? context.options.compatConfig : context.compatConfig; | |
const value = config && config[key]; | |
if (key === "MODE") { | |
return value || 3; // compiler defaults to v3 behavior | |
} else { | |
return value; | |
} | |
} | |
function isCompatEnabled(key, context) { | |
const mode = getCompatValue("MODE", context); | |
const value = getCompatValue(key, context); | |
// in v3 mode, only enable if explicitly set to true | |
// otherwise enable for any non-false value | |
return mode === 3 ? value === true : value !== false; | |
} | |
function checkCompatEnabled(key, context, loc, ...args) { | |
const enabled = isCompatEnabled(key, context); | |
if ( true && enabled) { | |
warnDeprecation(key, context, loc, ...args); | |
} | |
return enabled; | |
} | |
function warnDeprecation(key, context, loc, ...args) { | |
const val = getCompatValue(key, context); | |
if (val === "suppress-warning") { | |
return; | |
} | |
const { message , link } = deprecationData[key]; | |
const msg = `(deprecation ${key}) ${typeof message === "function" ? message(...args) : message}${link ? `\n Details: ${link}` : ``}`; | |
const err = new SyntaxError(msg); | |
err.code = key; | |
if (loc) err.loc = loc; | |
context.onWarn(err); | |
} | |
// The default decoder only provides escapes for characters reserved as part of | |
// the template syntax, and is only used if the custom renderer did not provide | |
// a platform-specific decoder. | |
const decodeRE = /&(gt|lt|amp|apos|quot);/g; | |
const decodeMap = { | |
gt: ">", | |
lt: "<", | |
amp: "&", | |
apos: "'", | |
quot: '"' | |
}; | |
const defaultParserOptions = { | |
delimiters: [ | |
`{{`, | |
`}}` | |
], | |
getNamespace: ()=>0 /* Namespaces.HTML */ , | |
getTextMode: ()=>0 /* TextModes.DATA */ , | |
isVoidTag: _shared.NO, | |
isPreTag: _shared.NO, | |
isCustomElement: _shared.NO, | |
decodeEntities: (rawText)=>rawText.replace(decodeRE, (_, p1)=>decodeMap[p1]), | |
onError: defaultOnError, | |
onWarn: defaultOnWarn, | |
comments: "development" !== "production" | |
}; | |
function baseParse(content, options = {}) { | |
const context = createParserContext(content, options); | |
const start = getCursor(context); | |
return createRoot(parseChildren(context, 0 /* TextModes.DATA */ , []), getSelection(context, start)); | |
} | |
function createParserContext(content, rawOptions) { | |
const options = (0, _shared.extend)({}, defaultParserOptions); | |
let key; | |
for(key in rawOptions){ | |
// @ts-ignore | |
options[key] = rawOptions[key] === undefined ? defaultParserOptions[key] : rawOptions[key]; | |
} | |
return { | |
options, | |
column: 1, | |
line: 1, | |
offset: 0, | |
originalSource: content, | |
source: content, | |
inPre: false, | |
inVPre: false, | |
onWarn: options.onWarn | |
}; | |
} | |
function parseChildren(context, mode, ancestors) { | |
const parent = last(ancestors); | |
const ns = parent ? parent.ns : 0 /* Namespaces.HTML */ ; | |
const nodes = []; | |
while(!isEnd(context, mode, ancestors)){ | |
const s = context.source; | |
let node = undefined; | |
if (mode === 0 /* TextModes.DATA */ || mode === 1 /* TextModes.RCDATA */ ) { | |
if (!context.inVPre && startsWith(s, context.options.delimiters[0])) { | |
// '{{' | |
node = parseInterpolation(context, mode); | |
} else if (mode === 0 /* TextModes.DATA */ && s[0] === "<") { | |
// https://html.spec.whatwg.org/multipage/parsing.html#tag-open-state | |
if (s.length === 1) { | |
emitError(context, 5 /* ErrorCodes.EOF_BEFORE_TAG_NAME */ , 1); | |
} else if (s[1] === "!") { | |
// https://html.spec.whatwg.org/multipage/parsing.html#markup-declaration-open-state | |
if (startsWith(s, "<!--")) { | |
node = parseComment(context); | |
} else if (startsWith(s, "<!DOCTYPE")) { | |
// Ignore DOCTYPE by a limitation. | |
node = parseBogusComment(context); | |
} else if (startsWith(s, "<![CDATA[")) { | |
if (ns !== 0 /* Namespaces.HTML */ ) { | |
node = parseCDATA(context, ancestors); | |
} else { | |
emitError(context, 1 /* ErrorCodes.CDATA_IN_HTML_CONTENT */ ); | |
node = parseBogusComment(context); | |
} | |
} else { | |
emitError(context, 11 /* ErrorCodes.INCORRECTLY_OPENED_COMMENT */ ); | |
node = parseBogusComment(context); | |
} | |
} else if (s[1] === "/") { | |
// https://html.spec.whatwg.org/multipage/parsing.html#end-tag-open-state | |
if (s.length === 2) { | |
emitError(context, 5 /* ErrorCodes.EOF_BEFORE_TAG_NAME */ , 2); | |
} else if (s[2] === ">") { | |
emitError(context, 14 /* ErrorCodes.MISSING_END_TAG_NAME */ , 2); | |
advanceBy(context, 3); | |
continue; | |
} else if (/[a-z]/i.test(s[2])) { | |
emitError(context, 23 /* ErrorCodes.X_INVALID_END_TAG */ ); | |
parseTag(context, 1 /* TagType.End */ , parent); | |
continue; | |
} else { | |
emitError(context, 12 /* ErrorCodes.INVALID_FIRST_CHARACTER_OF_TAG_NAME */ , 2); | |
node = parseBogusComment(context); | |
} | |
} else if (/[a-z]/i.test(s[1])) { | |
node = parseElement(context, ancestors); | |
// 2.x <template> with no directive compat | |
if (isCompatEnabled("COMPILER_NATIVE_TEMPLATE" /* CompilerDeprecationTypes.COMPILER_NATIVE_TEMPLATE */ , context) && node && node.tag === "template" && !node.props.some((p)=>p.type === 7 /* NodeTypes.DIRECTIVE */ && isSpecialTemplateDirective(p.name))) { | |
true && warnDeprecation("COMPILER_NATIVE_TEMPLATE" /* CompilerDeprecationTypes.COMPILER_NATIVE_TEMPLATE */ , context, node.loc); | |
node = node.children; | |
} | |
} else if (s[1] === "?") { | |
emitError(context, 21 /* ErrorCodes.UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME */ , 1); | |
node = parseBogusComment(context); | |
} else { | |
emitError(context, 12 /* ErrorCodes.INVALID_FIRST_CHARACTER_OF_TAG_NAME */ , 1); | |
} | |
} | |
} | |
if (!node) { | |
node = parseText(context, mode); | |
} | |
if ((0, _shared.isArray)(node)) { | |
for(let i = 0; i < node.length; i++){ | |
pushNode(nodes, node[i]); | |
} | |
} else { | |
pushNode(nodes, node); | |
} | |
} | |
// Whitespace handling strategy like v2 | |
let removedWhitespace = false; | |
if (mode !== 2 /* TextModes.RAWTEXT */ && mode !== 1 /* TextModes.RCDATA */ ) { | |
const shouldCondense = context.options.whitespace !== "preserve"; | |
for(let i1 = 0; i1 < nodes.length; i1++){ | |
const node1 = nodes[i1]; | |
if (node1.type === 2 /* NodeTypes.TEXT */ ) { | |
if (!context.inPre) { | |
if (!/[^\t\r\n\f ]/.test(node1.content)) { | |
const prev = nodes[i1 - 1]; | |
const next = nodes[i1 + 1]; | |
// Remove if: | |
// - the whitespace is the first or last node, or: | |
// - (condense mode) the whitespace is between twos comments, or: | |
// - (condense mode) the whitespace is between comment and element, or: | |
// - (condense mode) the whitespace is between two elements AND contains newline | |
if (!prev || !next || shouldCondense && (prev.type === 3 /* NodeTypes.COMMENT */ && next.type === 3 /* NodeTypes.COMMENT */ || prev.type === 3 /* NodeTypes.COMMENT */ && next.type === 1 /* NodeTypes.ELEMENT */ || prev.type === 1 /* NodeTypes.ELEMENT */ && next.type === 3 /* NodeTypes.COMMENT */ || prev.type === 1 /* NodeTypes.ELEMENT */ && next.type === 1 /* NodeTypes.ELEMENT */ && /[\r\n]/.test(node1.content))) { | |
removedWhitespace = true; | |
nodes[i1] = null; | |
} else { | |
// Otherwise, the whitespace is condensed into a single space | |
node1.content = " "; | |
} | |
} else if (shouldCondense) { | |
// in condense mode, consecutive whitespaces in text are condensed | |
// down to a single space. | |
node1.content = node1.content.replace(/[\t\r\n\f ]+/g, " "); | |
} | |
} else { | |
// #6410 normalize windows newlines in <pre>: | |
// in SSR, browsers normalize server-rendered \r\n into a single \n | |
// in the DOM | |
node1.content = node1.content.replace(/\r\n/g, "\n"); | |
} | |
} else if (node1.type === 3 /* NodeTypes.COMMENT */ && !context.options.comments) { | |
removedWhitespace = true; | |
nodes[i1] = null; | |
} | |
} | |
if (context.inPre && parent && context.options.isPreTag(parent.tag)) { | |
// remove leading newline per html spec | |
// https://html.spec.whatwg.org/multipage/grouping-content.html#the-pre-element | |
const first = nodes[0]; | |
if (first && first.type === 2 /* NodeTypes.TEXT */ ) { | |
first.content = first.content.replace(/^\r?\n/, ""); | |
} | |
} | |
} | |
return removedWhitespace ? nodes.filter(Boolean) : nodes; | |
} | |
function pushNode(nodes, node) { | |
if (node.type === 2 /* NodeTypes.TEXT */ ) { | |
const prev = last(nodes); | |
// Merge if both this and the previous node are text and those are | |
// consecutive. This happens for cases like "a < b". | |
if (prev && prev.type === 2 /* NodeTypes.TEXT */ && prev.loc.end.offset === node.loc.start.offset) { | |
prev.content += node.content; | |
prev.loc.end = node.loc.end; | |
prev.loc.source += node.loc.source; | |
return; | |
} | |
} | |
nodes.push(node); | |
} | |
function parseCDATA(context, ancestors) { | |
advanceBy(context, 9); | |
const nodes = parseChildren(context, 3 /* TextModes.CDATA */ , ancestors); | |
if (context.source.length === 0) { | |
emitError(context, 6 /* ErrorCodes.EOF_IN_CDATA */ ); | |
} else { | |
advanceBy(context, 3); | |
} | |
return nodes; | |
} | |
function parseComment(context) { | |
const start = getCursor(context); | |
let content; | |
// Regular comment. | |
const match = /--(\!)?>/.exec(context.source); | |
if (!match) { | |
content = context.source.slice(4); | |
advanceBy(context, context.source.length); | |
emitError(context, 7 /* ErrorCodes.EOF_IN_COMMENT */ ); | |
} else { | |
if (match.index <= 3) { | |
emitError(context, 0 /* ErrorCodes.ABRUPT_CLOSING_OF_EMPTY_COMMENT */ ); | |
} | |
if (match[1]) { | |
emitError(context, 10 /* ErrorCodes.INCORRECTLY_CLOSED_COMMENT */ ); | |
} | |
content = context.source.slice(4, match.index); | |
// Advancing with reporting nested comments. | |
const s = context.source.slice(0, match.index); | |
let prevIndex = 1, nestedIndex = 0; | |
while((nestedIndex = s.indexOf("<!--", prevIndex)) !== -1){ | |
advanceBy(context, nestedIndex - prevIndex + 1); | |
if (nestedIndex + 4 < s.length) { | |
emitError(context, 16 /* ErrorCodes.NESTED_COMMENT */ ); | |
} | |
prevIndex = nestedIndex + 1; | |
} | |
advanceBy(context, match.index + match[0].length - prevIndex + 1); | |
} | |
return { | |
type: 3 /* NodeTypes.COMMENT */ , | |
content, | |
loc: getSelection(context, start) | |
}; | |
} | |
function parseBogusComment(context) { | |
const start = getCursor(context); | |
const contentStart = context.source[1] === "?" ? 1 : 2; | |
let content; | |
const closeIndex = context.source.indexOf(">"); | |
if (closeIndex === -1) { | |
content = context.source.slice(contentStart); | |
advanceBy(context, context.source.length); | |
} else { | |
content = context.source.slice(contentStart, closeIndex); | |
advanceBy(context, closeIndex + 1); | |
} | |
return { | |
type: 3 /* NodeTypes.COMMENT */ , | |
content, | |
loc: getSelection(context, start) | |
}; | |
} | |
function parseElement(context, ancestors) { | |
// Start tag. | |
const wasInPre = context.inPre; | |
const wasInVPre = context.inVPre; | |
const parent = last(ancestors); | |
const element = parseTag(context, 0 /* TagType.Start */ , parent); | |
const isPreBoundary = context.inPre && !wasInPre; | |
const isVPreBoundary = context.inVPre && !wasInVPre; | |
if (element.isSelfClosing || context.options.isVoidTag(element.tag)) { | |
// #4030 self-closing <pre> tag | |
if (isPreBoundary) { | |
context.inPre = false; | |
} | |
if (isVPreBoundary) { | |
context.inVPre = false; | |
} | |
return element; | |
} | |
// Children. | |
ancestors.push(element); | |
const mode = context.options.getTextMode(element, parent); | |
const children = parseChildren(context, mode, ancestors); | |
ancestors.pop(); | |
// 2.x inline-template compat | |
{ | |
const inlineTemplateProp = element.props.find((p)=>p.type === 6 /* NodeTypes.ATTRIBUTE */ && p.name === "inline-template"); | |
if (inlineTemplateProp && checkCompatEnabled("COMPILER_INLINE_TEMPLATE" /* CompilerDeprecationTypes.COMPILER_INLINE_TEMPLATE */ , context, inlineTemplateProp.loc)) { | |
const loc = getSelection(context, element.loc.end); | |
inlineTemplateProp.value = { | |
type: 2 /* NodeTypes.TEXT */ , | |
content: loc.source, | |
loc | |
}; | |
} | |
} | |
element.children = children; | |
// End tag. | |
if (startsWithEndTagOpen(context.source, element.tag)) { | |
parseTag(context, 1 /* TagType.End */ , parent); | |
} else { | |
emitError(context, 24 /* ErrorCodes.X_MISSING_END_TAG */ , 0, element.loc.start); | |
if (context.source.length === 0 && element.tag.toLowerCase() === "script") { | |
const first = children[0]; | |
if (first && startsWith(first.loc.source, "<!--")) { | |
emitError(context, 8 /* ErrorCodes.EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT */ ); | |
} | |
} | |
} | |
element.loc = getSelection(context, element.loc.start); | |
if (isPreBoundary) { | |
context.inPre = false; | |
} | |
if (isVPreBoundary) { | |
context.inVPre = false; | |
} | |
return element; | |
} | |
const isSpecialTemplateDirective = /*#__PURE__*/ (0, _shared.makeMap)(`if,else,else-if,for,slot`); | |
function parseTag(context, type, parent) { | |
// Tag open. | |
const start = getCursor(context); | |
const match = /^<\/?([a-z][^\t\r\n\f />]*)/i.exec(context.source); | |
const tag = match[1]; | |
const ns = context.options.getNamespace(tag, parent); | |
advanceBy(context, match[0].length); | |
advanceSpaces(context); | |
// save current state in case we need to re-parse attributes with v-pre | |
const cursor = getCursor(context); | |
const currentSource = context.source; | |
// check <pre> tag | |
if (context.options.isPreTag(tag)) { | |
context.inPre = true; | |
} | |
// Attributes. | |
let props = parseAttributes(context, type); | |
// check v-pre | |
if (type === 0 /* TagType.Start */ && !context.inVPre && props.some((p)=>p.type === 7 /* NodeTypes.DIRECTIVE */ && p.name === "pre")) { | |
context.inVPre = true; | |
// reset context | |
(0, _shared.extend)(context, cursor); | |
context.source = currentSource; | |
// re-parse attrs and filter out v-pre itself | |
props = parseAttributes(context, type).filter((p)=>p.name !== "v-pre"); | |
} | |
// Tag close. | |
let isSelfClosing = false; | |
if (context.source.length === 0) { | |
emitError(context, 9 /* ErrorCodes.EOF_IN_TAG */ ); | |
} else { | |
isSelfClosing = startsWith(context.source, "/>"); | |
if (type === 1 /* TagType.End */ && isSelfClosing) { | |
emitError(context, 4 /* ErrorCodes.END_TAG_WITH_TRAILING_SOLIDUS */ ); | |
} | |
advanceBy(context, isSelfClosing ? 2 : 1); | |
} | |
if (type === 1 /* TagType.End */ ) { | |
return; | |
} | |
// 2.x deprecation checks | |
if ( true && isCompatEnabled("COMPILER_V_IF_V_FOR_PRECEDENCE" /* CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE */ , context)) { | |
let hasIf = false; | |
let hasFor = false; | |
for(let i = 0; i < props.length; i++){ | |
const p = props[i]; | |
if (p.type === 7 /* NodeTypes.DIRECTIVE */ ) { | |
if (p.name === "if") { | |
hasIf = true; | |
} else if (p.name === "for") { | |
hasFor = true; | |
} | |
} | |
if (hasIf && hasFor) { | |
warnDeprecation("COMPILER_V_IF_V_FOR_PRECEDENCE" /* CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE */ , context, getSelection(context, start)); | |
break; | |
} | |
} | |
} | |
let tagType = 0 /* ElementTypes.ELEMENT */ ; | |
if (!context.inVPre) { | |
if (tag === "slot") { | |
tagType = 2 /* ElementTypes.SLOT */ ; | |
} else if (tag === "template") { | |
if (props.some((p)=>p.type === 7 /* NodeTypes.DIRECTIVE */ && isSpecialTemplateDirective(p.name))) { | |
tagType = 3 /* ElementTypes.TEMPLATE */ ; | |
} | |
} else if (isComponent(tag, props, context)) { | |
tagType = 1 /* ElementTypes.COMPONENT */ ; | |
} | |
} | |
return { | |
type: 1 /* NodeTypes.ELEMENT */ , | |
ns, | |
tag, | |
tagType, | |
props, | |
isSelfClosing, | |
children: [], | |
loc: getSelection(context, start), | |
codegenNode: undefined // to be created during transform phase | |
}; | |
} | |
function isComponent(tag, props, context) { | |
const options = context.options; | |
if (options.isCustomElement(tag)) { | |
return false; | |
} | |
if (tag === "component" || /^[A-Z]/.test(tag) || isCoreComponent(tag) || options.isBuiltInComponent && options.isBuiltInComponent(tag) || options.isNativeTag && !options.isNativeTag(tag)) { | |
return true; | |
} | |
// at this point the tag should be a native tag, but check for potential "is" | |
// casting | |
for(let i = 0; i < props.length; i++){ | |
const p = props[i]; | |
if (p.type === 6 /* NodeTypes.ATTRIBUTE */ ) { | |
if (p.name === "is" && p.value) { | |
if (p.value.content.startsWith("vue:")) { | |
return true; | |
} else if (checkCompatEnabled("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */ , context, p.loc)) { | |
return true; | |
} | |
} | |
} else { | |
// directive | |
// v-is (TODO Deprecate) | |
if (p.name === "is") { | |
return true; | |
} else if (// :is on plain element - only treat as component in compat mode | |
p.name === "bind" && isStaticArgOf(p.arg, "is") && true && checkCompatEnabled("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */ , context, p.loc)) { | |
return true; | |
} | |
} | |
} | |
} | |
function parseAttributes(context, type) { | |
const props = []; | |
const attributeNames = new Set(); | |
while(context.source.length > 0 && !startsWith(context.source, ">") && !startsWith(context.source, "/>")){ | |
if (startsWith(context.source, "/")) { | |
emitError(context, 22 /* ErrorCodes.UNEXPECTED_SOLIDUS_IN_TAG */ ); | |
advanceBy(context, 1); | |
advanceSpaces(context); | |
continue; | |
} | |
if (type === 1 /* TagType.End */ ) { | |
emitError(context, 3 /* ErrorCodes.END_TAG_WITH_ATTRIBUTES */ ); | |
} | |
const attr = parseAttribute(context, attributeNames); | |
// Trim whitespace between class | |
// https://github.com/vuejs/core/issues/4251 | |
if (attr.type === 6 /* NodeTypes.ATTRIBUTE */ && attr.value && attr.name === "class") { | |
attr.value.content = attr.value.content.replace(/\s+/g, " ").trim(); | |
} | |
if (type === 0 /* TagType.Start */ ) { | |
props.push(attr); | |
} | |
if (/^[^\t\r\n\f />]/.test(context.source)) { | |
emitError(context, 15 /* ErrorCodes.MISSING_WHITESPACE_BETWEEN_ATTRIBUTES */ ); | |
} | |
advanceSpaces(context); | |
} | |
return props; | |
} | |
function parseAttribute(context, nameSet) { | |
// Name. | |
const start = getCursor(context); | |
const match = /^[^\t\r\n\f />][^\t\r\n\f />=]*/.exec(context.source); | |
const name = match[0]; | |
if (nameSet.has(name)) { | |
emitError(context, 2 /* ErrorCodes.DUPLICATE_ATTRIBUTE */ ); | |
} | |
nameSet.add(name); | |
if (name[0] === "=") { | |
emitError(context, 19 /* ErrorCodes.UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME */ ); | |
} | |
{ | |
const pattern = /["'<]/g; | |
let m; | |
while(m = pattern.exec(name)){ | |
emitError(context, 17 /* ErrorCodes.UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME */ , m.index); | |
} | |
} | |
advanceBy(context, name.length); | |
// Value | |
let value = undefined; | |
if (/^[\t\r\n\f ]*=/.test(context.source)) { | |
advanceSpaces(context); | |
advanceBy(context, 1); | |
advanceSpaces(context); | |
value = parseAttributeValue(context); | |
if (!value) { | |
emitError(context, 13 /* ErrorCodes.MISSING_ATTRIBUTE_VALUE */ ); | |
} | |
} | |
const loc = getSelection(context, start); | |
if (!context.inVPre && /^(v-[A-Za-z0-9-]|:|\.|@|#)/.test(name)) { | |
const match1 = /(?:^v-([a-z0-9-]+))?(?:(?::|^\.|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(name); | |
let isPropShorthand = startsWith(name, "."); | |
let dirName = match1[1] || (isPropShorthand || startsWith(name, ":") ? "bind" : startsWith(name, "@") ? "on" : "slot"); | |
let arg; | |
if (match1[2]) { | |
const isSlot = dirName === "slot"; | |
const startOffset = name.lastIndexOf(match1[2]); | |
const loc1 = getSelection(context, getNewPosition(context, start, startOffset), getNewPosition(context, start, startOffset + match1[2].length + (isSlot && match1[3] || "").length)); | |
let content = match1[2]; | |
let isStatic = true; | |
if (content.startsWith("[")) { | |
isStatic = false; | |
if (!content.endsWith("]")) { | |
emitError(context, 27 /* ErrorCodes.X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */ ); | |
content = content.slice(1); | |
} else { | |
content = content.slice(1, content.length - 1); | |
} | |
} else if (isSlot) { | |
// #1241 special case for v-slot: vuetify relies extensively on slot | |
// names containing dots. v-slot doesn't have any modifiers and Vue 2.x | |
// supports such usage so we are keeping it consistent with 2.x. | |
content += match1[3] || ""; | |
} | |
arg = { | |
type: 4 /* NodeTypes.SIMPLE_EXPRESSION */ , | |
content, | |
isStatic, | |
constType: isStatic ? 3 /* ConstantTypes.CAN_STRINGIFY */ : 0 /* ConstantTypes.NOT_CONSTANT */ , | |
loc: loc1 | |
}; | |
} | |
if (value && value.isQuoted) { | |
const valueLoc = value.loc; | |
valueLoc.start.offset++; | |
valueLoc.start.column++; | |
valueLoc.end = advancePositionWithClone(valueLoc.start, value.content); | |
valueLoc.source = valueLoc.source.slice(1, -1); | |
} | |
const modifiers = match1[3] ? match1[3].slice(1).split(".") : []; | |
if (isPropShorthand) modifiers.push("prop"); | |
// 2.x compat v-bind:foo.sync -> v-model:foo | |
if (dirName === "bind" && arg) { | |
if (modifiers.includes("sync") && checkCompatEnabled("COMPILER_V_BIND_SYNC" /* CompilerDeprecationTypes.COMPILER_V_BIND_SYNC */ , context, loc, arg.loc.source)) { | |
dirName = "model"; | |
modifiers.splice(modifiers.indexOf("sync"), 1); | |
} | |
if ( true && modifiers.includes("prop")) { | |
checkCompatEnabled("COMPILER_V_BIND_PROP" /* CompilerDeprecationTypes.COMPILER_V_BIND_PROP */ , context, loc); | |
} | |
} | |
return { | |
type: 7 /* NodeTypes.DIRECTIVE */ , | |
name: dirName, | |
exp: value && { | |
type: 4 /* NodeTypes.SIMPLE_EXPRESSION */ , | |
content: value.content, | |
isStatic: false, | |
// Treat as non-constant by default. This can be potentially set to | |
// other values by `transformExpression` to make it eligible for hoisting. | |
constType: 0 /* ConstantTypes.NOT_CONSTANT */ , | |
loc: value.loc | |
}, | |
arg, | |
modifiers, | |
loc | |
}; | |
} | |
// missing directive name or illegal directive name | |
if (!context.inVPre && startsWith(name, "v-")) { | |
emitError(context, 26 /* ErrorCodes.X_MISSING_DIRECTIVE_NAME */ ); | |
} | |
return { | |
type: 6 /* NodeTypes.ATTRIBUTE */ , | |
name, | |
value: value && { | |
type: 2 /* NodeTypes.TEXT */ , | |
content: value.content, | |
loc: value.loc | |
}, | |
loc | |
}; | |
} | |
function parseAttributeValue(context) { | |
const start = getCursor(context); | |
let content; | |
const quote = context.source[0]; | |
const isQuoted = quote === `"` || quote === `'`; | |
if (isQuoted) { | |
// Quoted value. | |
advanceBy(context, 1); | |
const endIndex = context.source.indexOf(quote); | |
if (endIndex === -1) { | |
content = parseTextData(context, context.source.length, 4 /* TextModes.ATTRIBUTE_VALUE */ ); | |
} else { | |
content = parseTextData(context, endIndex, 4 /* TextModes.ATTRIBUTE_VALUE */ ); | |
advanceBy(context, 1); | |
} | |
} else { | |
// Unquoted | |
const match = /^[^\t\r\n\f >]+/.exec(context.source); | |
if (!match) { | |
return undefined; | |
} | |
const unexpectedChars = /["'<=`]/g; | |
let m; | |
while(m = unexpectedChars.exec(match[0])){ | |
emitError(context, 18 /* ErrorCodes.UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE */ , m.index); | |
} | |
content = parseTextData(context, match[0].length, 4 /* TextModes.ATTRIBUTE_VALUE */ ); | |
} | |
return { | |
content, | |
isQuoted, | |
loc: getSelection(context, start) | |
}; | |
} | |
function parseInterpolation(context, mode) { | |
const [open, close] = context.options.delimiters; | |
const closeIndex = context.source.indexOf(close, open.length); | |
if (closeIndex === -1) { | |
emitError(context, 25 /* ErrorCodes.X_MISSING_INTERPOLATION_END */ ); | |
return undefined; | |
} | |
const start = getCursor(context); | |
advanceBy(context, open.length); | |
const innerStart = getCursor(context); | |
const innerEnd = getCursor(context); | |
const rawContentLength = closeIndex - open.length; | |
const rawContent = context.source.slice(0, rawContentLength); | |
const preTrimContent = parseTextData(context, rawContentLength, mode); | |
const content = preTrimContent.trim(); | |
const startOffset = preTrimContent.indexOf(content); | |
if (startOffset > 0) { | |
advancePositionWithMutation(innerStart, rawContent, startOffset); | |
} | |
const endOffset = rawContentLength - (preTrimContent.length - content.length - startOffset); | |
advancePositionWithMutation(innerEnd, rawContent, endOffset); | |
advanceBy(context, close.length); | |
return { | |
type: 5 /* NodeTypes.INTERPOLATION */ , | |
content: { | |
type: 4 /* NodeTypes.SIMPLE_EXPRESSION */ , | |
isStatic: false, | |
// Set `isConstant` to false by default and will decide in transformExpression | |
constType: 0 /* ConstantTypes.NOT_CONSTANT */ , | |
content, | |
loc: getSelection(context, innerStart, innerEnd) | |
}, | |
loc: getSelection(context, start) | |
}; | |
} | |
function parseText(context, mode) { | |
const endTokens = mode === 3 /* TextModes.CDATA */ ? [ | |
"]]>" | |
] : [ | |
"<", | |
context.options.delimiters[0] | |
]; | |
let endIndex = context.source.length; | |
for(let i = 0; i < endTokens.length; i++){ | |
const index = context.source.indexOf(endTokens[i], 1); | |
if (index !== -1 && endIndex > index) { | |
endIndex = index; | |
} | |
} | |
const start = getCursor(context); | |
const content = parseTextData(context, endIndex, mode); | |
return { | |
type: 2 /* NodeTypes.TEXT */ , | |
content, | |
loc: getSelection(context, start) | |
}; | |
} | |
/** | |
* Get text data with a given length from the current location. | |
* This translates HTML entities in the text data. | |
*/ function parseTextData(context, length, mode) { | |
const rawText = context.source.slice(0, length); | |
advanceBy(context, length); | |
if (mode === 2 /* TextModes.RAWTEXT */ || mode === 3 /* TextModes.CDATA */ || !rawText.includes("&")) { | |
return rawText; | |
} else { | |
// DATA or RCDATA containing "&"". Entity decoding required. | |
return context.options.decodeEntities(rawText, mode === 4 /* TextModes.ATTRIBUTE_VALUE */ ); | |
} | |
} | |
function getCursor(context) { | |
const { column , line , offset } = context; | |
return { | |
column, | |
line, | |
offset | |
}; | |
} | |
function getSelection(context, start, end) { | |
end = end || getCursor(context); | |
return { | |
start, | |
end, | |
source: context.originalSource.slice(start.offset, end.offset) | |
}; | |
} | |
function last(xs) { | |
return xs[xs.length - 1]; | |
} | |
function startsWith(source, searchString) { | |
return source.startsWith(searchString); | |
} | |
function advanceBy(context, numberOfCharacters) { | |
const { source } = context; | |
advancePositionWithMutation(context, source, numberOfCharacters); | |
context.source = source.slice(numberOfCharacters); | |
} | |
function advanceSpaces(context) { | |
const match = /^[\t\r\n\f ]+/.exec(context.source); | |
if (match) { | |
advanceBy(context, match[0].length); | |
} | |
} | |
function getNewPosition(context, start, numberOfCharacters) { | |
return advancePositionWithClone(start, context.originalSource.slice(start.offset, numberOfCharacters), numberOfCharacters); | |
} | |
function emitError(context, code, offset, loc = getCursor(context)) { | |
if (offset) { | |
loc.offset += offset; | |
loc.column += offset; | |
} | |
context.options.onError(createCompilerError(code, { | |
start: loc, | |
end: loc, | |
source: "" | |
})); | |
} | |
function isEnd(context, mode, ancestors) { | |
const s = context.source; | |
switch(mode){ | |
case 0 /* TextModes.DATA */ : | |
if (startsWith(s, "</")) { | |
// TODO: probably bad performance | |
for(let i = ancestors.length - 1; i >= 0; --i){ | |
if (startsWithEndTagOpen(s, ancestors[i].tag)) { | |
return true; | |
} | |
} | |
} | |
break; | |
case 1 /* TextModes.RCDATA */ : | |
case 2 /* TextModes.RAWTEXT */ : | |
{ | |
const parent = last(ancestors); | |
if (parent && startsWithEndTagOpen(s, parent.tag)) { | |
return true; | |
} | |
break; | |
} | |
case 3 /* TextModes.CDATA */ : | |
if (startsWith(s, "]]>")) { | |
return true; | |
} | |
break; | |
} | |
return !s; | |
} | |
function startsWithEndTagOpen(source, tag) { | |
return startsWith(source, "</") && source.slice(2, 2 + tag.length).toLowerCase() === tag.toLowerCase() && /[\t\r\n\f />]/.test(source[2 + tag.length] || ">"); | |
} | |
function hoistStatic(root, context) { | |
walk(root, context, // Root node is unfortunately non-hoistable due to potential parent | |
// fallthrough attributes. | |
isSingleElementRoot(root, root.children[0])); | |
} | |
function isSingleElementRoot(root, child) { | |
const { children } = root; | |
return children.length === 1 && child.type === 1 /* NodeTypes.ELEMENT */ && !isSlotOutlet(child); | |
} | |
function walk(node, context, doNotHoistNode = false) { | |
const { children } = node; | |
const originalCount = children.length; | |
let hoistedCount = 0; | |
for(let i = 0; i < children.length; i++){ | |
const child = children[i]; | |
// only plain elements & text calls are eligible for hoisting. | |
if (child.type === 1 /* NodeTypes.ELEMENT */ && child.tagType === 0 /* ElementTypes.ELEMENT */ ) { | |
const constantType = doNotHoistNode ? 0 /* ConstantTypes.NOT_CONSTANT */ : getConstantType(child, context); | |
if (constantType > 0 /* ConstantTypes.NOT_CONSTANT */ ) { | |
if (constantType >= 2 /* ConstantTypes.CAN_HOIST */ ) { | |
child.codegenNode.patchFlag = -1 /* PatchFlags.HOISTED */ + ( true ? ` /* HOISTED */` : 0); | |
child.codegenNode = context.hoist(child.codegenNode); | |
hoistedCount++; | |
continue; | |
} | |
} else { | |
// node may contain dynamic children, but its props may be eligible for | |
// hoisting. | |
const codegenNode = child.codegenNode; | |
if (codegenNode.type === 13 /* NodeTypes.VNODE_CALL */ ) { | |
const flag = getPatchFlag(codegenNode); | |
if ((!flag || flag === 512 /* PatchFlags.NEED_PATCH */ || flag === 1 /* PatchFlags.TEXT */ ) && getGeneratedPropsConstantType(child, context) >= 2 /* ConstantTypes.CAN_HOIST */ ) { | |
const props = getNodeProps(child); | |
if (props) { | |
codegenNode.props = context.hoist(props); | |
} | |
} | |
if (codegenNode.dynamicProps) { | |
codegenNode.dynamicProps = context.hoist(codegenNode.dynamicProps); | |
} | |
} | |
} | |
} | |
// walk further | |
if (child.type === 1 /* NodeTypes.ELEMENT */ ) { | |
const isComponent = child.tagType === 1 /* ElementTypes.COMPONENT */ ; | |
if (isComponent) { | |
context.scopes.vSlot++; | |
} | |
walk(child, context); | |
if (isComponent) { | |
context.scopes.vSlot--; | |
} | |
} else if (child.type === 11 /* NodeTypes.FOR */ ) { | |
// Do not hoist v-for single child because it has to be a block | |
walk(child, context, child.children.length === 1); | |
} else if (child.type === 9 /* NodeTypes.IF */ ) { | |
for(let i1 = 0; i1 < child.branches.length; i1++){ | |
// Do not hoist v-if single child because it has to be a block | |
walk(child.branches[i1], context, child.branches[i1].children.length === 1); | |
} | |
} | |
} | |
if (hoistedCount && context.transformHoist) { | |
context.transformHoist(children, context, node); | |
} | |
// all children were hoisted - the entire children array is hoistable. | |
if (hoistedCount && hoistedCount === originalCount && node.type === 1 /* NodeTypes.ELEMENT */ && node.tagType === 0 /* ElementTypes.ELEMENT */ && node.codegenNode && node.codegenNode.type === 13 /* NodeTypes.VNODE_CALL */ && (0, _shared.isArray)(node.codegenNode.children)) { | |
node.codegenNode.children = context.hoist(createArrayExpression(node.codegenNode.children)); | |
} | |
} | |
function getConstantType(node, context) { | |
const { constantCache } = context; | |
switch(node.type){ | |
case 1 /* NodeTypes.ELEMENT */ : | |
if (node.tagType !== 0 /* ElementTypes.ELEMENT */ ) { | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} | |
const cached = constantCache.get(node); | |
if (cached !== undefined) { | |
return cached; | |
} | |
const codegenNode = node.codegenNode; | |
if (codegenNode.type !== 13 /* NodeTypes.VNODE_CALL */ ) { | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} | |
if (codegenNode.isBlock && node.tag !== "svg" && node.tag !== "foreignObject") { | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} | |
const flag = getPatchFlag(codegenNode); | |
if (!flag) { | |
let returnType = 3 /* ConstantTypes.CAN_STRINGIFY */ ; | |
// Element itself has no patch flag. However we still need to check: | |
// 1. Even for a node with no patch flag, it is possible for it to contain | |
// non-hoistable expressions that refers to scope variables, e.g. compiler | |
// injected keys or cached event handlers. Therefore we need to always | |
// check the codegenNode's props to be sure. | |
const generatedPropsType = getGeneratedPropsConstantType(node, context); | |
if (generatedPropsType === 0 /* ConstantTypes.NOT_CONSTANT */ ) { | |
constantCache.set(node, 0 /* ConstantTypes.NOT_CONSTANT */ ); | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} | |
if (generatedPropsType < returnType) { | |
returnType = generatedPropsType; | |
} | |
// 2. its children. | |
for(let i = 0; i < node.children.length; i++){ | |
const childType = getConstantType(node.children[i], context); | |
if (childType === 0 /* ConstantTypes.NOT_CONSTANT */ ) { | |
constantCache.set(node, 0 /* ConstantTypes.NOT_CONSTANT */ ); | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} | |
if (childType < returnType) { | |
returnType = childType; | |
} | |
} | |
// 3. if the type is not already CAN_SKIP_PATCH which is the lowest non-0 | |
// type, check if any of the props can cause the type to be lowered | |
// we can skip can_patch because it's guaranteed by the absence of a | |
// patchFlag. | |
if (returnType > 1 /* ConstantTypes.CAN_SKIP_PATCH */ ) { | |
for(let i1 = 0; i1 < node.props.length; i1++){ | |
const p = node.props[i1]; | |
if (p.type === 7 /* NodeTypes.DIRECTIVE */ && p.name === "bind" && p.exp) { | |
const expType = getConstantType(p.exp, context); | |
if (expType === 0 /* ConstantTypes.NOT_CONSTANT */ ) { | |
constantCache.set(node, 0 /* ConstantTypes.NOT_CONSTANT */ ); | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} | |
if (expType < returnType) { | |
returnType = expType; | |
} | |
} | |
} | |
} | |
// only svg/foreignObject could be block here, however if they are | |
// static then they don't need to be blocks since there will be no | |
// nested updates. | |
if (codegenNode.isBlock) { | |
// except set custom directives. | |
for(let i2 = 0; i2 < node.props.length; i2++){ | |
const p1 = node.props[i2]; | |
if (p1.type === 7 /* NodeTypes.DIRECTIVE */ ) { | |
constantCache.set(node, 0 /* ConstantTypes.NOT_CONSTANT */ ); | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} | |
} | |
context.removeHelper(OPEN_BLOCK); | |
context.removeHelper(getVNodeBlockHelper(context.inSSR, codegenNode.isComponent)); | |
codegenNode.isBlock = false; | |
context.helper(getVNodeHelper(context.inSSR, codegenNode.isComponent)); | |
} | |
constantCache.set(node, returnType); | |
return returnType; | |
} else { | |
constantCache.set(node, 0 /* ConstantTypes.NOT_CONSTANT */ ); | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} | |
case 2 /* NodeTypes.TEXT */ : | |
case 3 /* NodeTypes.COMMENT */ : | |
return 3 /* ConstantTypes.CAN_STRINGIFY */ ; | |
case 9 /* NodeTypes.IF */ : | |
case 11 /* NodeTypes.FOR */ : | |
case 10 /* NodeTypes.IF_BRANCH */ : | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
case 5 /* NodeTypes.INTERPOLATION */ : | |
case 12 /* NodeTypes.TEXT_CALL */ : | |
return getConstantType(node.content, context); | |
case 4 /* NodeTypes.SIMPLE_EXPRESSION */ : | |
return node.constType; | |
case 8 /* NodeTypes.COMPOUND_EXPRESSION */ : | |
let returnType1 = 3 /* ConstantTypes.CAN_STRINGIFY */ ; | |
for(let i3 = 0; i3 < node.children.length; i3++){ | |
const child = node.children[i3]; | |
if ((0, _shared.isString)(child) || (0, _shared.isSymbol)(child)) { | |
continue; | |
} | |
const childType1 = getConstantType(child, context); | |
if (childType1 === 0 /* ConstantTypes.NOT_CONSTANT */ ) { | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} else if (childType1 < returnType1) { | |
returnType1 = childType1; | |
} | |
} | |
return returnType1; | |
default: | |
if (true) ; | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} | |
} | |
const allowHoistedHelperSet = new Set([ | |
NORMALIZE_CLASS, | |
NORMALIZE_STYLE, | |
NORMALIZE_PROPS, | |
GUARD_REACTIVE_PROPS | |
]); | |
function getConstantTypeOfHelperCall(value, context) { | |
if (value.type === 14 /* NodeTypes.JS_CALL_EXPRESSION */ && !(0, _shared.isString)(value.callee) && allowHoistedHelperSet.has(value.callee)) { | |
const arg = value.arguments[0]; | |
if (arg.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ) { | |
return getConstantType(arg, context); | |
} else if (arg.type === 14 /* NodeTypes.JS_CALL_EXPRESSION */ ) { | |
// in the case of nested helper call, e.g. `normalizeProps(guardReactiveProps(exp))` | |
return getConstantTypeOfHelperCall(arg, context); | |
} | |
} | |
return 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} | |
function getGeneratedPropsConstantType(node, context) { | |
let returnType = 3 /* ConstantTypes.CAN_STRINGIFY */ ; | |
const props = getNodeProps(node); | |
if (props && props.type === 15 /* NodeTypes.JS_OBJECT_EXPRESSION */ ) { | |
const { properties } = props; | |
for(let i = 0; i < properties.length; i++){ | |
const { key , value } = properties[i]; | |
const keyType = getConstantType(key, context); | |
if (keyType === 0 /* ConstantTypes.NOT_CONSTANT */ ) { | |
return keyType; | |
} | |
if (keyType < returnType) { | |
returnType = keyType; | |
} | |
let valueType; | |
if (value.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ) { | |
valueType = getConstantType(value, context); | |
} else if (value.type === 14 /* NodeTypes.JS_CALL_EXPRESSION */ ) { | |
// some helper calls can be hoisted, | |
// such as the `normalizeProps` generated by the compiler for pre-normalize class, | |
// in this case we need to respect the ConstantType of the helper's arguments | |
valueType = getConstantTypeOfHelperCall(value, context); | |
} else { | |
valueType = 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
} | |
if (valueType === 0 /* ConstantTypes.NOT_CONSTANT */ ) { | |
return valueType; | |
} | |
if (valueType < returnType) { | |
returnType = valueType; | |
} | |
} | |
} | |
return returnType; | |
} | |
function getNodeProps(node) { | |
const codegenNode = node.codegenNode; | |
if (codegenNode.type === 13 /* NodeTypes.VNODE_CALL */ ) { | |
return codegenNode.props; | |
} | |
} | |
function getPatchFlag(node) { | |
const flag = node.patchFlag; | |
return flag ? parseInt(flag, 10) : undefined; | |
} | |
function createTransformContext(root, { filename ="" , prefixIdentifiers =false , hoistStatic =false , cacheHandlers =false , nodeTransforms =[] , directiveTransforms ={} , transformHoist =null , isBuiltInComponent =_shared.NOOP , isCustomElement =_shared.NOOP , expressionPlugins =[] , scopeId =null , slotted =true , ssr =false , inSSR =false , ssrCssVars =`` , bindingMetadata =_shared.EMPTY_OBJ , inline =false , isTS =false , onError =defaultOnError , onWarn =defaultOnWarn , compatConfig }) { | |
const nameMatch = filename.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/); | |
const context = { | |
// options | |
selfName: nameMatch && (0, _shared.capitalize)((0, _shared.camelize)(nameMatch[1])), | |
prefixIdentifiers, | |
hoistStatic, | |
cacheHandlers, | |
nodeTransforms, | |
directiveTransforms, | |
transformHoist, | |
isBuiltInComponent, | |
isCustomElement, | |
expressionPlugins, | |
scopeId, | |
slotted, | |
ssr, | |
inSSR, | |
ssrCssVars, | |
bindingMetadata, | |
inline, | |
isTS, | |
onError, | |
onWarn, | |
compatConfig, | |
// state | |
root, | |
helpers: new Map(), | |
components: new Set(), | |
directives: new Set(), | |
hoists: [], | |
imports: [], | |
constantCache: new Map(), | |
temps: 0, | |
cached: 0, | |
identifiers: Object.create(null), | |
scopes: { | |
vFor: 0, | |
vSlot: 0, | |
vPre: 0, | |
vOnce: 0 | |
}, | |
parent: null, | |
currentNode: root, | |
childIndex: 0, | |
inVOnce: false, | |
// methods | |
helper (name) { | |
const count = context.helpers.get(name) || 0; | |
context.helpers.set(name, count + 1); | |
return name; | |
}, | |
removeHelper (name) { | |
const count = context.helpers.get(name); | |
if (count) { | |
const currentCount = count - 1; | |
if (!currentCount) { | |
context.helpers.delete(name); | |
} else { | |
context.helpers.set(name, currentCount); | |
} | |
} | |
}, | |
helperString (name) { | |
return `_${helperNameMap[context.helper(name)]}`; | |
}, | |
replaceNode (node) { | |
/* istanbul ignore if */ if (true) { | |
if (!context.currentNode) { | |
throw new Error(`Node being replaced is already removed.`); | |
} | |
if (!context.parent) { | |
throw new Error(`Cannot replace root node.`); | |
} | |
} | |
context.parent.children[context.childIndex] = context.currentNode = node; | |
}, | |
removeNode (node) { | |
if ( true && !context.parent) { | |
throw new Error(`Cannot remove root node.`); | |
} | |
const list = context.parent.children; | |
const removalIndex = node ? list.indexOf(node) : context.currentNode ? context.childIndex : -1; | |
/* istanbul ignore if */ if ( true && removalIndex < 0) { | |
throw new Error(`node being removed is not a child of current parent`); | |
} | |
if (!node || node === context.currentNode) { | |
// current node removed | |
context.currentNode = null; | |
context.onNodeRemoved(); | |
} else { | |
// sibling node removed | |
if (context.childIndex > removalIndex) { | |
context.childIndex--; | |
context.onNodeRemoved(); | |
} | |
} | |
context.parent.children.splice(removalIndex, 1); | |
}, | |
onNodeRemoved: ()=>{}, | |
addIdentifiers (exp) {}, | |
removeIdentifiers (exp) {}, | |
hoist (exp) { | |
if ((0, _shared.isString)(exp)) exp = createSimpleExpression(exp); | |
context.hoists.push(exp); | |
const identifier = createSimpleExpression(`_hoisted_${context.hoists.length}`, false, exp.loc, 2 /* ConstantTypes.CAN_HOIST */ ); | |
identifier.hoisted = exp; | |
return identifier; | |
}, | |
cache (exp, isVNode = false) { | |
return createCacheExpression(context.cached++, exp, isVNode); | |
} | |
}; | |
{ | |
context.filters = new Set(); | |
} | |
return context; | |
} | |
function transform(root, options) { | |
const context = createTransformContext(root, options); | |
traverseNode(root, context); | |
if (options.hoistStatic) { | |
hoistStatic(root, context); | |
} | |
if (!options.ssr) { | |
createRootCodegen(root, context); | |
} | |
// finalize meta information | |
root.helpers = [ | |
...context.helpers.keys() | |
]; | |
root.components = [ | |
...context.components | |
]; | |
root.directives = [ | |
...context.directives | |
]; | |
root.imports = context.imports; | |
root.hoists = context.hoists; | |
root.temps = context.temps; | |
root.cached = context.cached; | |
{ | |
root.filters = [ | |
...context.filters | |
]; | |
} | |
} | |
function createRootCodegen(root, context) { | |
const { helper } = context; | |
const { children } = root; | |
if (children.length === 1) { | |
const child = children[0]; | |
// if the single child is an element, turn it into a block. | |
if (isSingleElementRoot(root, child) && child.codegenNode) { | |
// single element root is never hoisted so codegenNode will never be | |
// SimpleExpressionNode | |
const codegenNode = child.codegenNode; | |
if (codegenNode.type === 13 /* NodeTypes.VNODE_CALL */ ) { | |
makeBlock(codegenNode, context); | |
} | |
root.codegenNode = codegenNode; | |
} else { | |
// - single <slot/>, IfNode, ForNode: already blocks. | |
// - single text node: always patched. | |
// root codegen falls through via genNode() | |
root.codegenNode = child; | |
} | |
} else if (children.length > 1) { | |
// root has multiple nodes - return a fragment block. | |
let patchFlag = 64 /* PatchFlags.STABLE_FRAGMENT */ ; | |
let patchFlagText = _shared.PatchFlagNames[64 /* PatchFlags.STABLE_FRAGMENT */ ]; | |
// check if the fragment actually contains a single valid child with | |
// the rest being comments | |
if ( true && children.filter((c)=>c.type !== 3 /* NodeTypes.COMMENT */ ).length === 1) { | |
patchFlag |= 2048 /* PatchFlags.DEV_ROOT_FRAGMENT */ ; | |
patchFlagText += `, ${_shared.PatchFlagNames[2048 /* PatchFlags.DEV_ROOT_FRAGMENT */ ]}`; | |
} | |
root.codegenNode = createVNodeCall(context, helper(FRAGMENT), undefined, root.children, patchFlag + ( true ? ` /* ${patchFlagText} */` : 0), undefined, undefined, true, undefined, false); | |
} else ; | |
} | |
function traverseChildren(parent, context) { | |
let i = 0; | |
const nodeRemoved = ()=>{ | |
i--; | |
}; | |
for(; i < parent.children.length; i++){ | |
const child = parent.children[i]; | |
if ((0, _shared.isString)(child)) continue; | |
context.parent = parent; | |
context.childIndex = i; | |
context.onNodeRemoved = nodeRemoved; | |
traverseNode(child, context); | |
} | |
} | |
function traverseNode(node, context) { | |
context.currentNode = node; | |
// apply transform plugins | |
const { nodeTransforms } = context; | |
const exitFns = []; | |
for(let i = 0; i < nodeTransforms.length; i++){ | |
const onExit = nodeTransforms[i](node, context); | |
if (onExit) { | |
if ((0, _shared.isArray)(onExit)) { | |
exitFns.push(...onExit); | |
} else { | |
exitFns.push(onExit); | |
} | |
} | |
if (!context.currentNode) { | |
// node was removed | |
return; | |
} else { | |
// node may have been replaced | |
node = context.currentNode; | |
} | |
} | |
switch(node.type){ | |
case 3 /* NodeTypes.COMMENT */ : | |
if (!context.ssr) { | |
// inject import for the Comment symbol, which is needed for creating | |
// comment nodes with `createVNode` | |
context.helper(CREATE_COMMENT); | |
} | |
break; | |
case 5 /* NodeTypes.INTERPOLATION */ : | |
// no need to traverse, but we need to inject toString helper | |
if (!context.ssr) { | |
context.helper(TO_DISPLAY_STRING); | |
} | |
break; | |
// for container types, further traverse downwards | |
case 9 /* NodeTypes.IF */ : | |
for(let i1 = 0; i1 < node.branches.length; i1++){ | |
traverseNode(node.branches[i1], context); | |
} | |
break; | |
case 10 /* NodeTypes.IF_BRANCH */ : | |
case 11 /* NodeTypes.FOR */ : | |
case 1 /* NodeTypes.ELEMENT */ : | |
case 0 /* NodeTypes.ROOT */ : | |
traverseChildren(node, context); | |
break; | |
} | |
// exit transforms | |
context.currentNode = node; | |
let i2 = exitFns.length; | |
while(i2--){ | |
exitFns[i2](); | |
} | |
} | |
function createStructuralDirectiveTransform(name, fn) { | |
const matches = (0, _shared.isString)(name) ? (n)=>n === name : (n)=>name.test(n); | |
return (node, context)=>{ | |
if (node.type === 1 /* NodeTypes.ELEMENT */ ) { | |
const { props } = node; | |
// structural directive transforms are not concerned with slots | |
// as they are handled separately in vSlot.ts | |
if (node.tagType === 3 /* ElementTypes.TEMPLATE */ && props.some(isVSlot)) { | |
return; | |
} | |
const exitFns = []; | |
for(let i = 0; i < props.length; i++){ | |
const prop = props[i]; | |
if (prop.type === 7 /* NodeTypes.DIRECTIVE */ && matches(prop.name)) { | |
// structural directives are removed to avoid infinite recursion | |
// also we remove them *before* applying so that it can further | |
// traverse itself in case it moves the node around | |
props.splice(i, 1); | |
i--; | |
const onExit = fn(node, prop, context); | |
if (onExit) exitFns.push(onExit); | |
} | |
} | |
return exitFns; | |
} | |
}; | |
} | |
const PURE_ANNOTATION = `/*#__PURE__*/`; | |
const aliasHelper = (s)=>`${helperNameMap[s]}: _${helperNameMap[s]}`; | |
function createCodegenContext(ast, { mode ="function" , prefixIdentifiers =mode === "module" , sourceMap =false , filename =`template.vue.html` , scopeId =null , optimizeImports =false , runtimeGlobalName =`Vue` , runtimeModuleName =`vue` , ssrRuntimeModuleName ="vue/server-renderer" , ssr =false , isTS =false , inSSR =false }) { | |
const context = { | |
mode, | |
prefixIdentifiers, | |
sourceMap, | |
filename, | |
scopeId, | |
optimizeImports, | |
runtimeGlobalName, | |
runtimeModuleName, | |
ssrRuntimeModuleName, | |
ssr, | |
isTS, | |
inSSR, | |
source: ast.loc.source, | |
code: ``, | |
column: 1, | |
line: 1, | |
offset: 0, | |
indentLevel: 0, | |
pure: false, | |
map: undefined, | |
helper (key) { | |
return `_${helperNameMap[key]}`; | |
}, | |
push (code, node) { | |
context.code += code; | |
}, | |
indent () { | |
newline(++context.indentLevel); | |
}, | |
deindent (withoutNewLine = false) { | |
if (withoutNewLine) { | |
--context.indentLevel; | |
} else { | |
newline(--context.indentLevel); | |
} | |
}, | |
newline () { | |
newline(context.indentLevel); | |
} | |
}; | |
function newline(n) { | |
context.push("\n" + ` `.repeat(n)); | |
} | |
return context; | |
} | |
function generate(ast, options = {}) { | |
const context = createCodegenContext(ast, options); | |
if (options.onContextCreated) options.onContextCreated(context); | |
const { mode , push , prefixIdentifiers , indent , deindent , newline , scopeId , ssr } = context; | |
const hasHelpers = ast.helpers.length > 0; | |
const useWithBlock = !prefixIdentifiers && mode !== "module"; | |
// preambles | |
// in setup() inline mode, the preamble is generated in a sub context | |
// and returned separately. | |
const preambleContext = context; | |
{ | |
genFunctionPreamble(ast, preambleContext); | |
} | |
// enter render function | |
const functionName = ssr ? `ssrRender` : `render`; | |
const args = ssr ? [ | |
"_ctx", | |
"_push", | |
"_parent", | |
"_attrs" | |
] : [ | |
"_ctx", | |
"_cache" | |
]; | |
const signature = args.join(", "); | |
{ | |
push(`function ${functionName}(${signature}) {`); | |
} | |
indent(); | |
if (useWithBlock) { | |
push(`with (_ctx) {`); | |
indent(); | |
// function mode const declarations should be inside with block | |
// also they should be renamed to avoid collision with user properties | |
if (hasHelpers) { | |
push(`const { ${ast.helpers.map(aliasHelper).join(", ")} } = _Vue`); | |
push(`\n`); | |
newline(); | |
} | |
} | |
// generate asset resolution statements | |
if (ast.components.length) { | |
genAssets(ast.components, "component", context); | |
if (ast.directives.length || ast.temps > 0) { | |
newline(); | |
} | |
} | |
if (ast.directives.length) { | |
genAssets(ast.directives, "directive", context); | |
if (ast.temps > 0) { | |
newline(); | |
} | |
} | |
if (ast.filters && ast.filters.length) { | |
newline(); | |
genAssets(ast.filters, "filter", context); | |
newline(); | |
} | |
if (ast.temps > 0) { | |
push(`let `); | |
for(let i = 0; i < ast.temps; i++){ | |
push(`${i > 0 ? `, ` : ``}_temp${i}`); | |
} | |
} | |
if (ast.components.length || ast.directives.length || ast.temps) { | |
push(`\n`); | |
newline(); | |
} | |
// generate the VNode tree expression | |
if (!ssr) { | |
push(`return `); | |
} | |
if (ast.codegenNode) { | |
genNode(ast.codegenNode, context); | |
} else { | |
push(`null`); | |
} | |
if (useWithBlock) { | |
deindent(); | |
push(`}`); | |
} | |
deindent(); | |
push(`}`); | |
return { | |
ast, | |
code: context.code, | |
preamble: ``, | |
// SourceMapGenerator does have toJSON() method but it's not in the types | |
map: context.map ? context.map.toJSON() : undefined | |
}; | |
} | |
function genFunctionPreamble(ast, context) { | |
const { ssr , prefixIdentifiers , push , newline , runtimeModuleName , runtimeGlobalName , ssrRuntimeModuleName } = context; | |
const VueBinding = runtimeGlobalName; | |
// Generate const declaration for helpers | |
// In prefix mode, we place the const declaration at top so it's done | |
// only once; But if we not prefixing, we place the declaration inside the | |
// with block so it doesn't incur the `in` check cost for every helper access. | |
if (ast.helpers.length > 0) { | |
{ | |
// "with" mode. | |
// save Vue in a separate variable to avoid collision | |
push(`const _Vue = ${VueBinding}\n`); | |
// in "with" mode, helpers are declared inside the with block to avoid | |
// has check cost, but hoists are lifted out of the function - we need | |
// to provide the helper here. | |
if (ast.hoists.length) { | |
const staticHelpers = [ | |
CREATE_VNODE, | |
CREATE_ELEMENT_VNODE, | |
CREATE_COMMENT, | |
CREATE_TEXT, | |
CREATE_STATIC | |
].filter((helper)=>ast.helpers.includes(helper)).map(aliasHelper).join(", "); | |
push(`const { ${staticHelpers} } = _Vue\n`); | |
} | |
} | |
} | |
genHoists(ast.hoists, context); | |
newline(); | |
push(`return `); | |
} | |
function genAssets(assets, type, { helper , push , newline , isTS }) { | |
const resolver = helper(type === "filter" ? RESOLVE_FILTER : type === "component" ? RESOLVE_COMPONENT : RESOLVE_DIRECTIVE); | |
for(let i = 0; i < assets.length; i++){ | |
let id = assets[i]; | |
// potential component implicit self-reference inferred from SFC filename | |
const maybeSelfReference = id.endsWith("__self"); | |
if (maybeSelfReference) { | |
id = id.slice(0, -6); | |
} | |
push(`const ${toValidAssetId(id, type)} = ${resolver}(${JSON.stringify(id)}${maybeSelfReference ? `, true` : ``})${isTS ? `!` : ``}`); | |
if (i < assets.length - 1) { | |
newline(); | |
} | |
} | |
} | |
function genHoists(hoists, context) { | |
if (!hoists.length) { | |
return; | |
} | |
context.pure = true; | |
const { push , newline , helper , scopeId , mode } = context; | |
newline(); | |
for(let i = 0; i < hoists.length; i++){ | |
const exp = hoists[i]; | |
if (exp) { | |
push(`const _hoisted_${i + 1} = ${``}`); | |
genNode(exp, context); | |
newline(); | |
} | |
} | |
context.pure = false; | |
} | |
function isText$1(n) { | |
return (0, _shared.isString)(n) || n.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ || n.type === 2 /* NodeTypes.TEXT */ || n.type === 5 /* NodeTypes.INTERPOLATION */ || n.type === 8 /* NodeTypes.COMPOUND_EXPRESSION */ ; | |
} | |
function genNodeListAsArray(nodes, context) { | |
const multilines = nodes.length > 3 || true && nodes.some((n)=>(0, _shared.isArray)(n) || !isText$1(n)); | |
context.push(`[`); | |
multilines && context.indent(); | |
genNodeList(nodes, context, multilines); | |
multilines && context.deindent(); | |
context.push(`]`); | |
} | |
function genNodeList(nodes, context, multilines = false, comma = true) { | |
const { push , newline } = context; | |
for(let i = 0; i < nodes.length; i++){ | |
const node = nodes[i]; | |
if ((0, _shared.isString)(node)) { | |
push(node); | |
} else if ((0, _shared.isArray)(node)) { | |
genNodeListAsArray(node, context); | |
} else { | |
genNode(node, context); | |
} | |
if (i < nodes.length - 1) { | |
if (multilines) { | |
comma && push(","); | |
newline(); | |
} else { | |
comma && push(", "); | |
} | |
} | |
} | |
} | |
function genNode(node, context) { | |
if ((0, _shared.isString)(node)) { | |
context.push(node); | |
return; | |
} | |
if ((0, _shared.isSymbol)(node)) { | |
context.push(context.helper(node)); | |
return; | |
} | |
switch(node.type){ | |
case 1 /* NodeTypes.ELEMENT */ : | |
case 9 /* NodeTypes.IF */ : | |
case 11 /* NodeTypes.FOR */ : | |
true && assert(node.codegenNode != null, `Codegen node is missing for element/if/for node. ` + `Apply appropriate transforms first.`); | |
genNode(node.codegenNode, context); | |
break; | |
case 2 /* NodeTypes.TEXT */ : | |
genText(node, context); | |
break; | |
case 4 /* NodeTypes.SIMPLE_EXPRESSION */ : | |
genExpression(node, context); | |
break; | |
case 5 /* NodeTypes.INTERPOLATION */ : | |
genInterpolation(node, context); | |
break; | |
case 12 /* NodeTypes.TEXT_CALL */ : | |
genNode(node.codegenNode, context); | |
break; | |
case 8 /* NodeTypes.COMPOUND_EXPRESSION */ : | |
genCompoundExpression(node, context); | |
break; | |
case 3 /* NodeTypes.COMMENT */ : | |
genComment(node, context); | |
break; | |
case 13 /* NodeTypes.VNODE_CALL */ : | |
genVNodeCall(node, context); | |
break; | |
case 14 /* NodeTypes.JS_CALL_EXPRESSION */ : | |
genCallExpression(node, context); | |
break; | |
case 15 /* NodeTypes.JS_OBJECT_EXPRESSION */ : | |
genObjectExpression(node, context); | |
break; | |
case 17 /* NodeTypes.JS_ARRAY_EXPRESSION */ : | |
genArrayExpression(node, context); | |
break; | |
case 18 /* NodeTypes.JS_FUNCTION_EXPRESSION */ : | |
genFunctionExpression(node, context); | |
break; | |
case 19 /* NodeTypes.JS_CONDITIONAL_EXPRESSION */ : | |
genConditionalExpression(node, context); | |
break; | |
case 20 /* NodeTypes.JS_CACHE_EXPRESSION */ : | |
genCacheExpression(node, context); | |
break; | |
case 21 /* NodeTypes.JS_BLOCK_STATEMENT */ : | |
genNodeList(node.body, context, true, false); | |
break; | |
// SSR only types | |
case 22 /* NodeTypes.JS_TEMPLATE_LITERAL */ : | |
break; | |
case 23 /* NodeTypes.JS_IF_STATEMENT */ : | |
break; | |
case 24 /* NodeTypes.JS_ASSIGNMENT_EXPRESSION */ : | |
break; | |
case 25 /* NodeTypes.JS_SEQUENCE_EXPRESSION */ : | |
break; | |
case 26 /* NodeTypes.JS_RETURN_STATEMENT */ : | |
break; | |
/* istanbul ignore next */ case 10 /* NodeTypes.IF_BRANCH */ : | |
break; | |
default: | |
if (true) { | |
assert(false, `unhandled codegen node type: ${node.type}`); | |
// make sure we exhaust all possible types | |
const exhaustiveCheck = node; | |
return exhaustiveCheck; | |
} | |
} | |
} | |
function genText(node, context) { | |
context.push(JSON.stringify(node.content), node); | |
} | |
function genExpression(node, context) { | |
const { content , isStatic } = node; | |
context.push(isStatic ? JSON.stringify(content) : content, node); | |
} | |
function genInterpolation(node, context) { | |
const { push , helper , pure } = context; | |
if (pure) push(PURE_ANNOTATION); | |
push(`${helper(TO_DISPLAY_STRING)}(`); | |
genNode(node.content, context); | |
push(`)`); | |
} | |
function genCompoundExpression(node, context) { | |
for(let i = 0; i < node.children.length; i++){ | |
const child = node.children[i]; | |
if ((0, _shared.isString)(child)) { | |
context.push(child); | |
} else { | |
genNode(child, context); | |
} | |
} | |
} | |
function genExpressionAsPropertyKey(node, context) { | |
const { push } = context; | |
if (node.type === 8 /* NodeTypes.COMPOUND_EXPRESSION */ ) { | |
push(`[`); | |
genCompoundExpression(node, context); | |
push(`]`); | |
} else if (node.isStatic) { | |
// only quote keys if necessary | |
const text = isSimpleIdentifier(node.content) ? node.content : JSON.stringify(node.content); | |
push(text, node); | |
} else { | |
push(`[${node.content}]`, node); | |
} | |
} | |
function genComment(node, context) { | |
const { push , helper , pure } = context; | |
if (pure) { | |
push(PURE_ANNOTATION); | |
} | |
push(`${helper(CREATE_COMMENT)}(${JSON.stringify(node.content)})`, node); | |
} | |
function genVNodeCall(node, context) { | |
const { push , helper , pure } = context; | |
const { tag , props , children , patchFlag , dynamicProps , directives , isBlock , disableTracking , isComponent } = node; | |
if (directives) { | |
push(helper(WITH_DIRECTIVES) + `(`); | |
} | |
if (isBlock) { | |
push(`(${helper(OPEN_BLOCK)}(${disableTracking ? `true` : ``}), `); | |
} | |
if (pure) { | |
push(PURE_ANNOTATION); | |
} | |
const callHelper = isBlock ? getVNodeBlockHelper(context.inSSR, isComponent) : getVNodeHelper(context.inSSR, isComponent); | |
push(helper(callHelper) + `(`, node); | |
genNodeList(genNullableArgs([ | |
tag, | |
props, | |
children, | |
patchFlag, | |
dynamicProps | |
]), context); | |
push(`)`); | |
if (isBlock) { | |
push(`)`); | |
} | |
if (directives) { | |
push(`, `); | |
genNode(directives, context); | |
push(`)`); | |
} | |
} | |
function genNullableArgs(args) { | |
let i = args.length; | |
while(i--){ | |
if (args[i] != null) break; | |
} | |
return args.slice(0, i + 1).map((arg)=>arg || `null`); | |
} | |
// JavaScript | |
function genCallExpression(node, context) { | |
const { push , helper , pure } = context; | |
const callee = (0, _shared.isString)(node.callee) ? node.callee : helper(node.callee); | |
if (pure) { | |
push(PURE_ANNOTATION); | |
} | |
push(callee + `(`, node); | |
genNodeList(node.arguments, context); | |
push(`)`); | |
} | |
function genObjectExpression(node, context) { | |
const { push , indent , deindent , newline } = context; | |
const { properties } = node; | |
if (!properties.length) { | |
push(`{}`, node); | |
return; | |
} | |
const multilines = properties.length > 1 || true && properties.some((p)=>p.value.type !== 4 /* NodeTypes.SIMPLE_EXPRESSION */ ); | |
push(multilines ? `{` : `{ `); | |
multilines && indent(); | |
for(let i = 0; i < properties.length; i++){ | |
const { key , value } = properties[i]; | |
// key | |
genExpressionAsPropertyKey(key, context); | |
push(`: `); | |
// value | |
genNode(value, context); | |
if (i < properties.length - 1) { | |
// will only reach this if it's multilines | |
push(`,`); | |
newline(); | |
} | |
} | |
multilines && deindent(); | |
push(multilines ? `}` : ` }`); | |
} | |
function genArrayExpression(node, context) { | |
genNodeListAsArray(node.elements, context); | |
} | |
function genFunctionExpression(node, context) { | |
const { push , indent , deindent } = context; | |
const { params , returns , body , newline , isSlot } = node; | |
if (isSlot) { | |
// wrap slot functions with owner context | |
push(`_${helperNameMap[WITH_CTX]}(`); | |
} | |
push(`(`, node); | |
if ((0, _shared.isArray)(params)) { | |
genNodeList(params, context); | |
} else if (params) { | |
genNode(params, context); | |
} | |
push(`) => `); | |
if (newline || body) { | |
push(`{`); | |
indent(); | |
} | |
if (returns) { | |
if (newline) { | |
push(`return `); | |
} | |
if ((0, _shared.isArray)(returns)) { | |
genNodeListAsArray(returns, context); | |
} else { | |
genNode(returns, context); | |
} | |
} else if (body) { | |
genNode(body, context); | |
} | |
if (newline || body) { | |
deindent(); | |
push(`}`); | |
} | |
if (isSlot) { | |
if (node.isNonScopedSlot) { | |
push(`, undefined, true`); | |
} | |
push(`)`); | |
} | |
} | |
function genConditionalExpression(node, context) { | |
const { test , consequent , alternate , newline: needNewline } = node; | |
const { push , indent , deindent , newline } = context; | |
if (test.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ) { | |
const needsParens = !isSimpleIdentifier(test.content); | |
needsParens && push(`(`); | |
genExpression(test, context); | |
needsParens && push(`)`); | |
} else { | |
push(`(`); | |
genNode(test, context); | |
push(`)`); | |
} | |
needNewline && indent(); | |
context.indentLevel++; | |
needNewline || push(` `); | |
push(`? `); | |
genNode(consequent, context); | |
context.indentLevel--; | |
needNewline && newline(); | |
needNewline || push(` `); | |
push(`: `); | |
const isNested = alternate.type === 19 /* NodeTypes.JS_CONDITIONAL_EXPRESSION */ ; | |
if (!isNested) { | |
context.indentLevel++; | |
} | |
genNode(alternate, context); | |
if (!isNested) { | |
context.indentLevel--; | |
} | |
needNewline && deindent(true); | |
} | |
function genCacheExpression(node, context) { | |
const { push , helper , indent , deindent , newline } = context; | |
push(`_cache[${node.index}] || (`); | |
if (node.isVNode) { | |
indent(); | |
push(`${helper(SET_BLOCK_TRACKING)}(-1),`); | |
newline(); | |
} | |
push(`_cache[${node.index}] = `); | |
genNode(node.value, context); | |
if (node.isVNode) { | |
push(`,`); | |
newline(); | |
push(`${helper(SET_BLOCK_TRACKING)}(1),`); | |
newline(); | |
push(`_cache[${node.index}]`); | |
deindent(); | |
} | |
push(`)`); | |
} | |
function walkIdentifiers(root, onIdentifier, includeAll = false, parentStack = [], knownIds = Object.create(null)) { | |
{ | |
return; | |
} | |
} | |
function isReferencedIdentifier(id, parent, parentStack) { | |
{ | |
return false; | |
} | |
} | |
function isInDestructureAssignment(parent, parentStack) { | |
if (parent && (parent.type === "ObjectProperty" || parent.type === "ArrayPattern")) { | |
let i = parentStack.length; | |
while(i--){ | |
const p = parentStack[i]; | |
if (p.type === "AssignmentExpression") { | |
return true; | |
} else if (p.type !== "ObjectProperty" && !p.type.endsWith("Pattern")) { | |
break; | |
} | |
} | |
} | |
return false; | |
} | |
function walkFunctionParams(node, onIdent) { | |
for (const p of node.params){ | |
for (const id of extractIdentifiers(p)){ | |
onIdent(id); | |
} | |
} | |
} | |
function walkBlockDeclarations(block, onIdent) { | |
for (const stmt of block.body){ | |
if (stmt.type === "VariableDeclaration") { | |
if (stmt.declare) continue; | |
for (const decl of stmt.declarations){ | |
for (const id of extractIdentifiers(decl.id)){ | |
onIdent(id); | |
} | |
} | |
} else if (stmt.type === "FunctionDeclaration" || stmt.type === "ClassDeclaration") { | |
if (stmt.declare || !stmt.id) continue; | |
onIdent(stmt.id); | |
} | |
} | |
} | |
function extractIdentifiers(param, nodes = []) { | |
switch(param.type){ | |
case "Identifier": | |
nodes.push(param); | |
break; | |
case "MemberExpression": | |
let object = param; | |
while(object.type === "MemberExpression"){ | |
object = object.object; | |
} | |
nodes.push(object); | |
break; | |
case "ObjectPattern": | |
for (const prop of param.properties){ | |
if (prop.type === "RestElement") { | |
extractIdentifiers(prop.argument, nodes); | |
} else { | |
extractIdentifiers(prop.value, nodes); | |
} | |
} | |
break; | |
case "ArrayPattern": | |
param.elements.forEach((element)=>{ | |
if (element) extractIdentifiers(element, nodes); | |
}); | |
break; | |
case "RestElement": | |
extractIdentifiers(param.argument, nodes); | |
break; | |
case "AssignmentPattern": | |
extractIdentifiers(param.left, nodes); | |
break; | |
} | |
return nodes; | |
} | |
const isFunctionType = (node)=>{ | |
return /Function(?:Expression|Declaration)$|Method$/.test(node.type); | |
}; | |
const isStaticProperty = (node)=>node && (node.type === "ObjectProperty" || node.type === "ObjectMethod") && !node.computed; | |
const isStaticPropertyKey = (node, parent)=>isStaticProperty(parent) && parent.key === node; | |
// these keywords should not appear inside expressions, but operators like | |
// typeof, instanceof and in are allowed | |
const prohibitedKeywordRE = new RegExp("\\b" + ("do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const," + "super,throw,while,yield,delete,export,import,return,switch,default," + "extends,finally,continue,debugger,function,arguments,typeof,void").split(",").join("\\b|\\b") + "\\b"); | |
// strip strings in expressions | |
const stripStringRE = /'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`/g; | |
/** | |
* Validate a non-prefixed expression. | |
* This is only called when using the in-browser runtime compiler since it | |
* doesn't prefix expressions. | |
*/ function validateBrowserExpression(node, context, asParams = false, asRawStatements = false) { | |
const exp = node.content; | |
// empty expressions are validated per-directive since some directives | |
// do allow empty expressions. | |
if (!exp.trim()) { | |
return; | |
} | |
try { | |
new Function(asRawStatements ? ` ${exp} ` : `return ${asParams ? `(${exp}) => {}` : `(${exp})`}`); | |
} catch (e) { | |
let message = e.message; | |
const keywordMatch = exp.replace(stripStringRE, "").match(prohibitedKeywordRE); | |
if (keywordMatch) { | |
message = `avoid using JavaScript keyword as property name: "${keywordMatch[0]}"`; | |
} | |
context.onError(createCompilerError(45 /* ErrorCodes.X_INVALID_EXPRESSION */ , node.loc, undefined, message)); | |
} | |
} | |
const transformExpression = (node, context)=>{ | |
if (node.type === 5 /* NodeTypes.INTERPOLATION */ ) { | |
node.content = processExpression(node.content, context); | |
} else if (node.type === 1 /* NodeTypes.ELEMENT */ ) { | |
// handle directives on element | |
for(let i = 0; i < node.props.length; i++){ | |
const dir = node.props[i]; | |
// do not process for v-on & v-for since they are special handled | |
if (dir.type === 7 /* NodeTypes.DIRECTIVE */ && dir.name !== "for") { | |
const exp = dir.exp; | |
const arg = dir.arg; | |
// do not process exp if this is v-on:arg - we need special handling | |
// for wrapping inline statements. | |
if (exp && exp.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ && !(dir.name === "on" && arg)) { | |
dir.exp = processExpression(exp, context, // slot args must be processed as function params | |
dir.name === "slot"); | |
} | |
if (arg && arg.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ && !arg.isStatic) { | |
dir.arg = processExpression(arg, context); | |
} | |
} | |
} | |
} | |
}; | |
// Important: since this function uses Node.js only dependencies, it should | |
// always be used with a leading !true check so that it can be | |
// tree-shaken from the browser build. | |
function processExpression(node, context, // some expressions like v-slot props & v-for aliases should be parsed as | |
// function params | |
asParams = false, // v-on handler values may contain multiple statements | |
asRawStatements = false, localVars = Object.create(context.identifiers)) { | |
{ | |
if (true) { | |
// simple in-browser validation (same logic in 2.x) | |
validateBrowserExpression(node, context, asParams, asRawStatements); | |
} | |
return node; | |
} | |
} | |
function stringifyExpression(exp) { | |
if ((0, _shared.isString)(exp)) { | |
return exp; | |
} else if (exp.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ) { | |
return exp.content; | |
} else { | |
return exp.children.map(stringifyExpression).join(""); | |
} | |
} | |
const transformIf = createStructuralDirectiveTransform(/^(if|else|else-if)$/, (node, dir, context)=>{ | |
return processIf(node, dir, context, (ifNode, branch, isRoot)=>{ | |
// #1587: We need to dynamically increment the key based on the current | |
// node's sibling nodes, since chained v-if/else branches are | |
// rendered at the same depth | |
const siblings = context.parent.children; | |
let i = siblings.indexOf(ifNode); | |
let key = 0; | |
while(i-- >= 0){ | |
const sibling = siblings[i]; | |
if (sibling && sibling.type === 9 /* NodeTypes.IF */ ) { | |
key += sibling.branches.length; | |
} | |
} | |
// Exit callback. Complete the codegenNode when all children have been | |
// transformed. | |
return ()=>{ | |
if (isRoot) { | |
ifNode.codegenNode = createCodegenNodeForBranch(branch, key, context); | |
} else { | |
// attach this branch's codegen node to the v-if root. | |
const parentCondition = getParentCondition(ifNode.codegenNode); | |
parentCondition.alternate = createCodegenNodeForBranch(branch, key + ifNode.branches.length - 1, context); | |
} | |
}; | |
}); | |
}); | |
// target-agnostic transform used for both Client and SSR | |
function processIf(node, dir, context, processCodegen) { | |
if (dir.name !== "else" && (!dir.exp || !dir.exp.content.trim())) { | |
const loc = dir.exp ? dir.exp.loc : node.loc; | |
context.onError(createCompilerError(28 /* ErrorCodes.X_V_IF_NO_EXPRESSION */ , dir.loc)); | |
dir.exp = createSimpleExpression(`true`, false, loc); | |
} | |
if ( true && dir.exp) { | |
validateBrowserExpression(dir.exp, context); | |
} | |
if (dir.name === "if") { | |
const branch = createIfBranch(node, dir); | |
const ifNode = { | |
type: 9 /* NodeTypes.IF */ , | |
loc: node.loc, | |
branches: [ | |
branch | |
] | |
}; | |
context.replaceNode(ifNode); | |
if (processCodegen) { | |
return processCodegen(ifNode, branch, true); | |
} | |
} else { | |
// locate the adjacent v-if | |
const siblings = context.parent.children; | |
const comments = []; | |
let i = siblings.indexOf(node); | |
while(i-- >= -1){ | |
const sibling = siblings[i]; | |
if (sibling && sibling.type === 3 /* NodeTypes.COMMENT */ ) { | |
context.removeNode(sibling); | |
true && comments.unshift(sibling); | |
continue; | |
} | |
if (sibling && sibling.type === 2 /* NodeTypes.TEXT */ && !sibling.content.trim().length) { | |
context.removeNode(sibling); | |
continue; | |
} | |
if (sibling && sibling.type === 9 /* NodeTypes.IF */ ) { | |
// Check if v-else was followed by v-else-if | |
if (dir.name === "else-if" && sibling.branches[sibling.branches.length - 1].condition === undefined) { | |
context.onError(createCompilerError(30 /* ErrorCodes.X_V_ELSE_NO_ADJACENT_IF */ , node.loc)); | |
} | |
// move the node to the if node's branches | |
context.removeNode(); | |
const branch1 = createIfBranch(node, dir); | |
if ( true && comments.length && // #3619 ignore comments if the v-if is direct child of <transition> | |
!(context.parent && context.parent.type === 1 /* NodeTypes.ELEMENT */ && isBuiltInType(context.parent.tag, "transition"))) { | |
branch1.children = [ | |
...comments, | |
...branch1.children | |
]; | |
} | |
// check if user is forcing same key on different branches | |
if (true) { | |
const key = branch1.userKey; | |
if (key) { | |
sibling.branches.forEach(({ userKey })=>{ | |
if (isSameKey(userKey, key)) { | |
context.onError(createCompilerError(29 /* ErrorCodes.X_V_IF_SAME_KEY */ , branch1.userKey.loc)); | |
} | |
}); | |
} | |
} | |
sibling.branches.push(branch1); | |
const onExit = processCodegen && processCodegen(sibling, branch1, false); | |
// since the branch was removed, it will not be traversed. | |
// make sure to traverse here. | |
traverseNode(branch1, context); | |
// call on exit | |
if (onExit) onExit(); | |
// make sure to reset currentNode after traversal to indicate this | |
// node has been removed. | |
context.currentNode = null; | |
} else { | |
context.onError(createCompilerError(30 /* ErrorCodes.X_V_ELSE_NO_ADJACENT_IF */ , node.loc)); | |
} | |
break; | |
} | |
} | |
} | |
function createIfBranch(node, dir) { | |
const isTemplateIf = node.tagType === 3 /* ElementTypes.TEMPLATE */ ; | |
return { | |
type: 10 /* NodeTypes.IF_BRANCH */ , | |
loc: node.loc, | |
condition: dir.name === "else" ? undefined : dir.exp, | |
children: isTemplateIf && !findDir(node, "for") ? node.children : [ | |
node | |
], | |
userKey: findProp(node, `key`), | |
isTemplateIf | |
}; | |
} | |
function createCodegenNodeForBranch(branch, keyIndex, context) { | |
if (branch.condition) { | |
return createConditionalExpression(branch.condition, createChildrenCodegenNode(branch, keyIndex, context), // make sure to pass in asBlock: true so that the comment node call | |
// closes the current block. | |
createCallExpression(context.helper(CREATE_COMMENT), [ | |
true ? '"v-if"' : 0, | |
"true" | |
])); | |
} else { | |
return createChildrenCodegenNode(branch, keyIndex, context); | |
} | |
} | |
function createChildrenCodegenNode(branch, keyIndex, context) { | |
const { helper } = context; | |
const keyProperty = createObjectProperty(`key`, createSimpleExpression(`${keyIndex}`, false, locStub, 2 /* ConstantTypes.CAN_HOIST */ )); | |
const { children } = branch; | |
const firstChild = children[0]; | |
const needFragmentWrapper = children.length !== 1 || firstChild.type !== 1 /* NodeTypes.ELEMENT */ ; | |
if (needFragmentWrapper) { | |
if (children.length === 1 && firstChild.type === 11 /* NodeTypes.FOR */ ) { | |
// optimize away nested fragments when child is a ForNode | |
const vnodeCall = firstChild.codegenNode; | |
injectProp(vnodeCall, keyProperty, context); | |
return vnodeCall; | |
} else { | |
let patchFlag = 64 /* PatchFlags.STABLE_FRAGMENT */ ; | |
let patchFlagText = _shared.PatchFlagNames[64 /* PatchFlags.STABLE_FRAGMENT */ ]; | |
// check if the fragment actually contains a single valid child with | |
// the rest being comments | |
if ( true && !branch.isTemplateIf && children.filter((c)=>c.type !== 3 /* NodeTypes.COMMENT */ ).length === 1) { | |
patchFlag |= 2048 /* PatchFlags.DEV_ROOT_FRAGMENT */ ; | |
patchFlagText += `, ${_shared.PatchFlagNames[2048 /* PatchFlags.DEV_ROOT_FRAGMENT */ ]}`; | |
} | |
return createVNodeCall(context, helper(FRAGMENT), createObjectExpression([ | |
keyProperty | |
]), children, patchFlag + ( true ? ` /* ${patchFlagText} */` : 0), undefined, undefined, true, false, false, branch.loc); | |
} | |
} else { | |
const ret = firstChild.codegenNode; | |
const vnodeCall1 = getMemoedVNodeCall(ret); | |
// Change createVNode to createBlock. | |
if (vnodeCall1.type === 13 /* NodeTypes.VNODE_CALL */ ) { | |
makeBlock(vnodeCall1, context); | |
} | |
// inject branch key | |
injectProp(vnodeCall1, keyProperty, context); | |
return ret; | |
} | |
} | |
function isSameKey(a, b) { | |
if (!a || a.type !== b.type) { | |
return false; | |
} | |
if (a.type === 6 /* NodeTypes.ATTRIBUTE */ ) { | |
if (a.value.content !== b.value.content) { | |
return false; | |
} | |
} else { | |
// directive | |
const exp = a.exp; | |
const branchExp = b.exp; | |
if (exp.type !== branchExp.type) { | |
return false; | |
} | |
if (exp.type !== 4 /* NodeTypes.SIMPLE_EXPRESSION */ || exp.isStatic !== branchExp.isStatic || exp.content !== branchExp.content) { | |
return false; | |
} | |
} | |
return true; | |
} | |
function getParentCondition(node) { | |
while(true){ | |
if (node.type === 19 /* NodeTypes.JS_CONDITIONAL_EXPRESSION */ ) { | |
if (node.alternate.type === 19 /* NodeTypes.JS_CONDITIONAL_EXPRESSION */ ) { | |
node = node.alternate; | |
} else { | |
return node; | |
} | |
} else if (node.type === 20 /* NodeTypes.JS_CACHE_EXPRESSION */ ) { | |
node = node.value; | |
} | |
} | |
} | |
const transformFor = createStructuralDirectiveTransform("for", (node, dir, context)=>{ | |
const { helper , removeHelper } = context; | |
return processFor(node, dir, context, (forNode)=>{ | |
// create the loop render function expression now, and add the | |
// iterator on exit after all children have been traversed | |
const renderExp = createCallExpression(helper(RENDER_LIST), [ | |
forNode.source | |
]); | |
const isTemplate = isTemplateNode(node); | |
const memo = findDir(node, "memo"); | |
const keyProp = findProp(node, `key`); | |
const keyExp = keyProp && (keyProp.type === 6 /* NodeTypes.ATTRIBUTE */ ? createSimpleExpression(keyProp.value.content, true) : keyProp.exp); | |
const keyProperty = keyProp ? createObjectProperty(`key`, keyExp) : null; | |
const isStableFragment = forNode.source.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ && forNode.source.constType > 0 /* ConstantTypes.NOT_CONSTANT */ ; | |
const fragmentFlag = isStableFragment ? 64 /* PatchFlags.STABLE_FRAGMENT */ : keyProp ? 128 /* PatchFlags.KEYED_FRAGMENT */ : 256 /* PatchFlags.UNKEYED_FRAGMENT */ ; | |
forNode.codegenNode = createVNodeCall(context, helper(FRAGMENT), undefined, renderExp, fragmentFlag + ( true ? ` /* ${_shared.PatchFlagNames[fragmentFlag]} */` : 0), undefined, undefined, true, !isStableFragment /* disableTracking */ , false, node.loc); | |
return ()=>{ | |
// finish the codegen now that all children have been traversed | |
let childBlock; | |
const { children } = forNode; | |
// check <template v-for> key placement | |
if (( true) && isTemplate) { | |
node.children.some((c)=>{ | |
if (c.type === 1 /* NodeTypes.ELEMENT */ ) { | |
const key = findProp(c, "key"); | |
if (key) { | |
context.onError(createCompilerError(33 /* ErrorCodes.X_V_FOR_TEMPLATE_KEY_PLACEMENT */ , key.loc)); | |
return true; | |
} | |
} | |
}); | |
} | |
const needFragmentWrapper = children.length !== 1 || children[0].type !== 1 /* NodeTypes.ELEMENT */ ; | |
const slotOutlet = isSlotOutlet(node) ? node : isTemplate && node.children.length === 1 && isSlotOutlet(node.children[0]) ? node.children[0] // api-extractor somehow fails to infer this | |
: null; | |
if (slotOutlet) { | |
// <slot v-for="..."> or <template v-for="..."><slot/></template> | |
childBlock = slotOutlet.codegenNode; | |
if (isTemplate && keyProperty) { | |
// <template v-for="..." :key="..."><slot/></template> | |
// we need to inject the key to the renderSlot() call. | |
// the props for renderSlot is passed as the 3rd argument. | |
injectProp(childBlock, keyProperty, context); | |
} | |
} else if (needFragmentWrapper) { | |
// <template v-for="..."> with text or multi-elements | |
// should generate a fragment block for each loop | |
childBlock = createVNodeCall(context, helper(FRAGMENT), keyProperty ? createObjectExpression([ | |
keyProperty | |
]) : undefined, node.children, 64 /* PatchFlags.STABLE_FRAGMENT */ + ( true ? ` /* ${_shared.PatchFlagNames[64 /* PatchFlags.STABLE_FRAGMENT */ ]} */` : 0), undefined, undefined, true, undefined, false); | |
} else { | |
// Normal element v-for. Directly use the child's codegenNode | |
// but mark it as a block. | |
childBlock = children[0].codegenNode; | |
if (isTemplate && keyProperty) { | |
injectProp(childBlock, keyProperty, context); | |
} | |
if (childBlock.isBlock !== !isStableFragment) { | |
if (childBlock.isBlock) { | |
// switch from block to vnode | |
removeHelper(OPEN_BLOCK); | |
removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent)); | |
} else { | |
// switch from vnode to block | |
removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent)); | |
} | |
} | |
childBlock.isBlock = !isStableFragment; | |
if (childBlock.isBlock) { | |
helper(OPEN_BLOCK); | |
helper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent)); | |
} else { | |
helper(getVNodeHelper(context.inSSR, childBlock.isComponent)); | |
} | |
} | |
if (memo) { | |
const loop = createFunctionExpression(createForLoopParams(forNode.parseResult, [ | |
createSimpleExpression(`_cached`) | |
])); | |
loop.body = createBlockStatement([ | |
createCompoundExpression([ | |
`const _memo = (`, | |
memo.exp, | |
`)` | |
]), | |
createCompoundExpression([ | |
`if (_cached`, | |
...keyExp ? [ | |
` && _cached.key === `, | |
keyExp | |
] : [], | |
` && ${context.helperString(IS_MEMO_SAME)}(_cached, _memo)) return _cached` | |
]), | |
createCompoundExpression([ | |
`const _item = `, | |
childBlock | |
]), | |
createSimpleExpression(`_item.memo = _memo`), | |
createSimpleExpression(`return _item`) | |
]); | |
renderExp.arguments.push(loop, createSimpleExpression(`_cache`), createSimpleExpression(String(context.cached++))); | |
} else { | |
renderExp.arguments.push(createFunctionExpression(createForLoopParams(forNode.parseResult), childBlock, true)); | |
} | |
}; | |
}); | |
}); | |
// target-agnostic transform used for both Client and SSR | |
function processFor(node, dir, context, processCodegen) { | |
if (!dir.exp) { | |
context.onError(createCompilerError(31 /* ErrorCodes.X_V_FOR_NO_EXPRESSION */ , dir.loc)); | |
return; | |
} | |
const parseResult = parseForExpression(// can only be simple expression because vFor transform is applied | |
// before expression transform. | |
dir.exp, context); | |
if (!parseResult) { | |
context.onError(createCompilerError(32 /* ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION */ , dir.loc)); | |
return; | |
} | |
const { addIdentifiers , removeIdentifiers , scopes } = context; | |
const { source , value , key , index } = parseResult; | |
const forNode = { | |
type: 11 /* NodeTypes.FOR */ , | |
loc: dir.loc, | |
source, | |
valueAlias: value, | |
keyAlias: key, | |
objectIndexAlias: index, | |
parseResult, | |
children: isTemplateNode(node) ? node.children : [ | |
node | |
] | |
}; | |
context.replaceNode(forNode); | |
// bookkeeping | |
scopes.vFor++; | |
const onExit = processCodegen && processCodegen(forNode); | |
return ()=>{ | |
scopes.vFor--; | |
if (onExit) onExit(); | |
}; | |
} | |
const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/; | |
// This regex doesn't cover the case if key or index aliases have destructuring, | |
// but those do not make sense in the first place, so this works in practice. | |
const forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/; | |
const stripParensRE = /^\(|\)$/g; | |
function parseForExpression(input, context) { | |
const loc = input.loc; | |
const exp = input.content; | |
const inMatch = exp.match(forAliasRE); | |
if (!inMatch) return; | |
const [, LHS, RHS] = inMatch; | |
const result = { | |
source: createAliasExpression(loc, RHS.trim(), exp.indexOf(RHS, LHS.length)), | |
value: undefined, | |
key: undefined, | |
index: undefined | |
}; | |
if (true) { | |
validateBrowserExpression(result.source, context); | |
} | |
let valueContent = LHS.trim().replace(stripParensRE, "").trim(); | |
const trimmedOffset = LHS.indexOf(valueContent); | |
const iteratorMatch = valueContent.match(forIteratorRE); | |
if (iteratorMatch) { | |
valueContent = valueContent.replace(forIteratorRE, "").trim(); | |
const keyContent = iteratorMatch[1].trim(); | |
let keyOffset; | |
if (keyContent) { | |
keyOffset = exp.indexOf(keyContent, trimmedOffset + valueContent.length); | |
result.key = createAliasExpression(loc, keyContent, keyOffset); | |
if (true) { | |
validateBrowserExpression(result.key, context, true); | |
} | |
} | |
if (iteratorMatch[2]) { | |
const indexContent = iteratorMatch[2].trim(); | |
if (indexContent) { | |
result.index = createAliasExpression(loc, indexContent, exp.indexOf(indexContent, result.key ? keyOffset + keyContent.length : trimmedOffset + valueContent.length)); | |
if (true) { | |
validateBrowserExpression(result.index, context, true); | |
} | |
} | |
} | |
} | |
if (valueContent) { | |
result.value = createAliasExpression(loc, valueContent, trimmedOffset); | |
if (true) { | |
validateBrowserExpression(result.value, context, true); | |
} | |
} | |
return result; | |
} | |
function createAliasExpression(range, content, offset) { | |
return createSimpleExpression(content, false, getInnerRange(range, offset, content.length)); | |
} | |
function createForLoopParams({ value , key , index }, memoArgs = []) { | |
return createParamsList([ | |
value, | |
key, | |
index, | |
...memoArgs | |
]); | |
} | |
function createParamsList(args) { | |
let i = args.length; | |
while(i--){ | |
if (args[i]) break; | |
} | |
return args.slice(0, i + 1).map((arg, i)=>arg || createSimpleExpression(`_`.repeat(i + 1), false)); | |
} | |
const defaultFallback = createSimpleExpression(`undefined`, false); | |
// A NodeTransform that: | |
// 1. Tracks scope identifiers for scoped slots so that they don't get prefixed | |
// by transformExpression. This is only applied in non-browser builds with | |
// { prefixIdentifiers: true }. | |
// 2. Track v-slot depths so that we know a slot is inside another slot. | |
// Note the exit callback is executed before buildSlots() on the same node, | |
// so only nested slots see positive numbers. | |
const trackSlotScopes = (node, context)=>{ | |
if (node.type === 1 /* NodeTypes.ELEMENT */ && (node.tagType === 1 /* ElementTypes.COMPONENT */ || node.tagType === 3 /* ElementTypes.TEMPLATE */ )) { | |
// We are only checking non-empty v-slot here | |
// since we only care about slots that introduce scope variables. | |
const vSlot = findDir(node, "slot"); | |
if (vSlot) { | |
vSlot.exp; | |
context.scopes.vSlot++; | |
return ()=>{ | |
context.scopes.vSlot--; | |
}; | |
} | |
} | |
}; | |
// A NodeTransform that tracks scope identifiers for scoped slots with v-for. | |
// This transform is only applied in non-browser builds with { prefixIdentifiers: true } | |
const trackVForSlotScopes = (node, context)=>{ | |
let vFor; | |
if (isTemplateNode(node) && node.props.some(isVSlot) && (vFor = findDir(node, "for"))) { | |
const result = vFor.parseResult = parseForExpression(vFor.exp, context); | |
if (result) { | |
const { value , key , index } = result; | |
const { addIdentifiers , removeIdentifiers } = context; | |
value && addIdentifiers(value); | |
key && addIdentifiers(key); | |
index && addIdentifiers(index); | |
return ()=>{ | |
value && removeIdentifiers(value); | |
key && removeIdentifiers(key); | |
index && removeIdentifiers(index); | |
}; | |
} | |
} | |
}; | |
const buildClientSlotFn = (props, children, loc)=>createFunctionExpression(props, children, false, true, children.length ? children[0].loc : loc); | |
// Instead of being a DirectiveTransform, v-slot processing is called during | |
// transformElement to build the slots object for a component. | |
function buildSlots(node, context, buildSlotFn = buildClientSlotFn) { | |
context.helper(WITH_CTX); | |
const { children , loc } = node; | |
const slotsProperties = []; | |
const dynamicSlots = []; | |
// If the slot is inside a v-for or another v-slot, force it to be dynamic | |
// since it likely uses a scope variable. | |
let hasDynamicSlots = context.scopes.vSlot > 0 || context.scopes.vFor > 0; | |
// 1. Check for slot with slotProps on component itself. | |
// <Comp v-slot="{ prop }"/> | |
const onComponentSlot = findDir(node, "slot", true); | |
if (onComponentSlot) { | |
const { arg , exp } = onComponentSlot; | |
if (arg && !isStaticExp(arg)) { | |
hasDynamicSlots = true; | |
} | |
slotsProperties.push(createObjectProperty(arg || createSimpleExpression("default", true), buildSlotFn(exp, children, loc))); | |
} | |
// 2. Iterate through children and check for template slots | |
// <template v-slot:foo="{ prop }"> | |
let hasTemplateSlots = false; | |
let hasNamedDefaultSlot = false; | |
const implicitDefaultChildren = []; | |
const seenSlotNames = new Set(); | |
let conditionalBranchIndex = 0; | |
for(let i = 0; i < children.length; i++){ | |
const slotElement = children[i]; | |
let slotDir; | |
if (!isTemplateNode(slotElement) || !(slotDir = findDir(slotElement, "slot", true))) { | |
// not a <template v-slot>, skip. | |
if (slotElement.type !== 3 /* NodeTypes.COMMENT */ ) { | |
implicitDefaultChildren.push(slotElement); | |
} | |
continue; | |
} | |
if (onComponentSlot) { | |
// already has on-component slot - this is incorrect usage. | |
context.onError(createCompilerError(37 /* ErrorCodes.X_V_SLOT_MIXED_SLOT_USAGE */ , slotDir.loc)); | |
break; | |
} | |
hasTemplateSlots = true; | |
const { children: slotChildren , loc: slotLoc } = slotElement; | |
const { arg: slotName = createSimpleExpression(`default`, true) , exp: slotProps , loc: dirLoc } = slotDir; | |
// check if name is dynamic. | |
let staticSlotName; | |
if (isStaticExp(slotName)) { | |
staticSlotName = slotName ? slotName.content : `default`; | |
} else { | |
hasDynamicSlots = true; | |
} | |
const slotFunction = buildSlotFn(slotProps, slotChildren, slotLoc); | |
// check if this slot is conditional (v-if/v-for) | |
let vIf; | |
let vElse; | |
let vFor; | |
if (vIf = findDir(slotElement, "if")) { | |
hasDynamicSlots = true; | |
dynamicSlots.push(createConditionalExpression(vIf.exp, buildDynamicSlot(slotName, slotFunction, conditionalBranchIndex++), defaultFallback)); | |
} else if (vElse = findDir(slotElement, /^else(-if)?$/, true)) { | |
// find adjacent v-if | |
let j = i; | |
let prev; | |
while(j--){ | |
prev = children[j]; | |
if (prev.type !== 3 /* NodeTypes.COMMENT */ ) { | |
break; | |
} | |
} | |
if (prev && isTemplateNode(prev) && findDir(prev, "if")) { | |
// remove node | |
children.splice(i, 1); | |
i--; | |
// attach this slot to previous conditional | |
let conditional = dynamicSlots[dynamicSlots.length - 1]; | |
while(conditional.alternate.type === 19 /* NodeTypes.JS_CONDITIONAL_EXPRESSION */ ){ | |
conditional = conditional.alternate; | |
} | |
conditional.alternate = vElse.exp ? createConditionalExpression(vElse.exp, buildDynamicSlot(slotName, slotFunction, conditionalBranchIndex++), defaultFallback) : buildDynamicSlot(slotName, slotFunction, conditionalBranchIndex++); | |
} else { | |
context.onError(createCompilerError(30 /* ErrorCodes.X_V_ELSE_NO_ADJACENT_IF */ , vElse.loc)); | |
} | |
} else if (vFor = findDir(slotElement, "for")) { | |
hasDynamicSlots = true; | |
const parseResult = vFor.parseResult || parseForExpression(vFor.exp, context); | |
if (parseResult) { | |
// Render the dynamic slots as an array and add it to the createSlot() | |
// args. The runtime knows how to handle it appropriately. | |
dynamicSlots.push(createCallExpression(context.helper(RENDER_LIST), [ | |
parseResult.source, | |
createFunctionExpression(createForLoopParams(parseResult), buildDynamicSlot(slotName, slotFunction), true) | |
])); | |
} else { | |
context.onError(createCompilerError(32 /* ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION */ , vFor.loc)); | |
} | |
} else { | |
// check duplicate static names | |
if (staticSlotName) { | |
if (seenSlotNames.has(staticSlotName)) { | |
context.onError(createCompilerError(38 /* ErrorCodes.X_V_SLOT_DUPLICATE_SLOT_NAMES */ , dirLoc)); | |
continue; | |
} | |
seenSlotNames.add(staticSlotName); | |
if (staticSlotName === "default") { | |
hasNamedDefaultSlot = true; | |
} | |
} | |
slotsProperties.push(createObjectProperty(slotName, slotFunction)); | |
} | |
} | |
if (!onComponentSlot) { | |
const buildDefaultSlotProperty = (props, children)=>{ | |
const fn = buildSlotFn(props, children, loc); | |
if (context.compatConfig) { | |
fn.isNonScopedSlot = true; | |
} | |
return createObjectProperty(`default`, fn); | |
}; | |
if (!hasTemplateSlots) { | |
// implicit default slot (on component) | |
slotsProperties.push(buildDefaultSlotProperty(undefined, children)); | |
} else if (implicitDefaultChildren.length && // #3766 | |
// with whitespace: 'preserve', whitespaces between slots will end up in | |
// implicitDefaultChildren. Ignore if all implicit children are whitespaces. | |
implicitDefaultChildren.some((node)=>isNonWhitespaceContent(node))) { | |
// implicit default slot (mixed with named slots) | |
if (hasNamedDefaultSlot) { | |
context.onError(createCompilerError(39 /* ErrorCodes.X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */ , implicitDefaultChildren[0].loc)); | |
} else { | |
slotsProperties.push(buildDefaultSlotProperty(undefined, implicitDefaultChildren)); | |
} | |
} | |
} | |
const slotFlag = hasDynamicSlots ? 2 /* SlotFlags.DYNAMIC */ : hasForwardedSlots(node.children) ? 3 /* SlotFlags.FORWARDED */ : 1 /* SlotFlags.STABLE */ ; | |
let slots = createObjectExpression(slotsProperties.concat(createObjectProperty(`_`, // 2 = compiled but dynamic = can skip normalization, but must run diff | |
// 1 = compiled and static = can skip normalization AND diff as optimized | |
createSimpleExpression(slotFlag + ( true ? ` /* ${_shared.slotFlagsText[slotFlag]} */` : 0), false))), loc); | |
if (dynamicSlots.length) { | |
slots = createCallExpression(context.helper(CREATE_SLOTS), [ | |
slots, | |
createArrayExpression(dynamicSlots) | |
]); | |
} | |
return { | |
slots, | |
hasDynamicSlots | |
}; | |
} | |
function buildDynamicSlot(name, fn, index) { | |
const props = [ | |
createObjectProperty(`name`, name), | |
createObjectProperty(`fn`, fn) | |
]; | |
if (index != null) { | |
props.push(createObjectProperty(`key`, createSimpleExpression(String(index), true))); | |
} | |
return createObjectExpression(props); | |
} | |
function hasForwardedSlots(children) { | |
for(let i = 0; i < children.length; i++){ | |
const child = children[i]; | |
switch(child.type){ | |
case 1 /* NodeTypes.ELEMENT */ : | |
if (child.tagType === 2 /* ElementTypes.SLOT */ || hasForwardedSlots(child.children)) { | |
return true; | |
} | |
break; | |
case 9 /* NodeTypes.IF */ : | |
if (hasForwardedSlots(child.branches)) return true; | |
break; | |
case 10 /* NodeTypes.IF_BRANCH */ : | |
case 11 /* NodeTypes.FOR */ : | |
if (hasForwardedSlots(child.children)) return true; | |
break; | |
} | |
} | |
return false; | |
} | |
function isNonWhitespaceContent(node) { | |
if (node.type !== 2 /* NodeTypes.TEXT */ && node.type !== 12 /* NodeTypes.TEXT_CALL */ ) return true; | |
return node.type === 2 /* NodeTypes.TEXT */ ? !!node.content.trim() : isNonWhitespaceContent(node.content); | |
} | |
// some directive transforms (e.g. v-model) may return a symbol for runtime | |
// import, which should be used instead of a resolveDirective call. | |
const directiveImportMap = new WeakMap(); | |
// generate a JavaScript AST for this element's codegen | |
const transformElement = (node, context)=>{ | |
// perform the work on exit, after all child expressions have been | |
// processed and merged. | |
return function postTransformElement() { | |
node = context.currentNode; | |
if (!(node.type === 1 /* NodeTypes.ELEMENT */ && (node.tagType === 0 /* ElementTypes.ELEMENT */ || node.tagType === 1 /* ElementTypes.COMPONENT */ ))) { | |
return; | |
} | |
const { tag , props } = node; | |
const isComponent = node.tagType === 1 /* ElementTypes.COMPONENT */ ; | |
// The goal of the transform is to create a codegenNode implementing the | |
// VNodeCall interface. | |
let vnodeTag = isComponent ? resolveComponentType(node, context) : `"${tag}"`; | |
const isDynamicComponent = (0, _shared.isObject)(vnodeTag) && vnodeTag.callee === RESOLVE_DYNAMIC_COMPONENT; | |
let vnodeProps; | |
let vnodeChildren; | |
let vnodePatchFlag; | |
let patchFlag = 0; | |
let vnodeDynamicProps; | |
let dynamicPropNames; | |
let vnodeDirectives; | |
let shouldUseBlock = // dynamic component may resolve to plain elements | |
isDynamicComponent || vnodeTag === TELEPORT || vnodeTag === SUSPENSE || !isComponent && // <svg> and <foreignObject> must be forced into blocks so that block | |
// updates inside get proper isSVG flag at runtime. (#639, #643) | |
// This is technically web-specific, but splitting the logic out of core | |
// leads to too much unnecessary complexity. | |
(tag === "svg" || tag === "foreignObject"); | |
// props | |
if (props.length > 0) { | |
const propsBuildResult = buildProps(node, context, undefined, isComponent, isDynamicComponent); | |
vnodeProps = propsBuildResult.props; | |
patchFlag = propsBuildResult.patchFlag; | |
dynamicPropNames = propsBuildResult.dynamicPropNames; | |
const directives = propsBuildResult.directives; | |
vnodeDirectives = directives && directives.length ? createArrayExpression(directives.map((dir)=>buildDirectiveArgs(dir, context))) : undefined; | |
if (propsBuildResult.shouldUseBlock) { | |
shouldUseBlock = true; | |
} | |
} | |
// children | |
if (node.children.length > 0) { | |
if (vnodeTag === KEEP_ALIVE) { | |
// Although a built-in component, we compile KeepAlive with raw children | |
// instead of slot functions so that it can be used inside Transition | |
// or other Transition-wrapping HOCs. | |
// To ensure correct updates with block optimizations, we need to: | |
// 1. Force keep-alive into a block. This avoids its children being | |
// collected by a parent block. | |
shouldUseBlock = true; | |
// 2. Force keep-alive to always be updated, since it uses raw children. | |
patchFlag |= 1024 /* PatchFlags.DYNAMIC_SLOTS */ ; | |
if ( true && node.children.length > 1) { | |
context.onError(createCompilerError(46 /* ErrorCodes.X_KEEP_ALIVE_INVALID_CHILDREN */ , { | |
start: node.children[0].loc.start, | |
end: node.children[node.children.length - 1].loc.end, | |
source: "" | |
})); | |
} | |
} | |
const shouldBuildAsSlots = isComponent && // Teleport is not a real component and has dedicated runtime handling | |
vnodeTag !== TELEPORT && // explained above. | |
vnodeTag !== KEEP_ALIVE; | |
if (shouldBuildAsSlots) { | |
const { slots , hasDynamicSlots } = buildSlots(node, context); | |
vnodeChildren = slots; | |
if (hasDynamicSlots) { | |
patchFlag |= 1024 /* PatchFlags.DYNAMIC_SLOTS */ ; | |
} | |
} else if (node.children.length === 1 && vnodeTag !== TELEPORT) { | |
const child = node.children[0]; | |
const type = child.type; | |
// check for dynamic text children | |
const hasDynamicTextChild = type === 5 /* NodeTypes.INTERPOLATION */ || type === 8 /* NodeTypes.COMPOUND_EXPRESSION */ ; | |
if (hasDynamicTextChild && getConstantType(child, context) === 0 /* ConstantTypes.NOT_CONSTANT */ ) { | |
patchFlag |= 1 /* PatchFlags.TEXT */ ; | |
} | |
// pass directly if the only child is a text node | |
// (plain / interpolation / expression) | |
if (hasDynamicTextChild || type === 2 /* NodeTypes.TEXT */ ) { | |
vnodeChildren = child; | |
} else { | |
vnodeChildren = node.children; | |
} | |
} else { | |
vnodeChildren = node.children; | |
} | |
} | |
// patchFlag & dynamicPropNames | |
if (patchFlag !== 0) { | |
if (true) { | |
if (patchFlag < 0) { | |
// special flags (negative and mutually exclusive) | |
vnodePatchFlag = patchFlag + ` /* ${_shared.PatchFlagNames[patchFlag]} */`; | |
} else { | |
// bitwise flags | |
const flagNames = Object.keys(_shared.PatchFlagNames).map(Number).filter((n)=>n > 0 && patchFlag & n).map((n)=>_shared.PatchFlagNames[n]).join(`, `); | |
vnodePatchFlag = patchFlag + ` /* ${flagNames} */`; | |
} | |
} else {} | |
if (dynamicPropNames && dynamicPropNames.length) { | |
vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames); | |
} | |
} | |
node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, vnodePatchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false, isComponent, node.loc); | |
}; | |
}; | |
function resolveComponentType(node, context, ssr = false) { | |
let { tag } = node; | |
// 1. dynamic component | |
const isExplicitDynamic = isComponentTag(tag); | |
const isProp = findProp(node, "is"); | |
if (isProp) { | |
if (isExplicitDynamic || isCompatEnabled("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */ , context)) { | |
const exp = isProp.type === 6 /* NodeTypes.ATTRIBUTE */ ? isProp.value && createSimpleExpression(isProp.value.content, true) : isProp.exp; | |
if (exp) { | |
return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [ | |
exp | |
]); | |
} | |
} else if (isProp.type === 6 /* NodeTypes.ATTRIBUTE */ && isProp.value.content.startsWith("vue:")) { | |
// <button is="vue:xxx"> | |
// if not <component>, only is value that starts with "vue:" will be | |
// treated as component by the parse phase and reach here, unless it's | |
// compat mode where all is values are considered components | |
tag = isProp.value.content.slice(4); | |
} | |
} | |
// 1.5 v-is (TODO: Deprecate) | |
const isDir = !isExplicitDynamic && findDir(node, "is"); | |
if (isDir && isDir.exp) { | |
return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [ | |
isDir.exp | |
]); | |
} | |
// 2. built-in components (Teleport, Transition, KeepAlive, Suspense...) | |
const builtIn = isCoreComponent(tag) || context.isBuiltInComponent(tag); | |
if (builtIn) { | |
// built-ins are simply fallthroughs / have special handling during ssr | |
// so we don't need to import their runtime equivalents | |
if (!ssr) context.helper(builtIn); | |
return builtIn; | |
} | |
// 5. user component (resolve) | |
context.helper(RESOLVE_COMPONENT); | |
context.components.add(tag); | |
return toValidAssetId(tag, `component`); | |
} | |
function buildProps(node, context, props = node.props, isComponent, isDynamicComponent, ssr = false) { | |
const { tag , loc: elementLoc , children } = node; | |
let properties = []; | |
const mergeArgs = []; | |
const runtimeDirectives = []; | |
const hasChildren = children.length > 0; | |
let shouldUseBlock = false; | |
// patchFlag analysis | |
let patchFlag = 0; | |
let hasRef = false; | |
let hasClassBinding = false; | |
let hasStyleBinding = false; | |
let hasHydrationEventBinding = false; | |
let hasDynamicKeys = false; | |
let hasVnodeHook = false; | |
const dynamicPropNames = []; | |
const pushMergeArg = (arg)=>{ | |
if (properties.length) { | |
mergeArgs.push(createObjectExpression(dedupeProperties(properties), elementLoc)); | |
properties = []; | |
} | |
if (arg) mergeArgs.push(arg); | |
}; | |
const analyzePatchFlag = ({ key , value })=>{ | |
if (isStaticExp(key)) { | |
const name = key.content; | |
const isEventHandler = (0, _shared.isOn)(name); | |
if (isEventHandler && (!isComponent || isDynamicComponent) && // omit the flag for click handlers because hydration gives click | |
// dedicated fast path. | |
name.toLowerCase() !== "onclick" && // omit v-model handlers | |
name !== "onUpdate:modelValue" && // omit onVnodeXXX hooks | |
!(0, _shared.isReservedProp)(name)) { | |
hasHydrationEventBinding = true; | |
} | |
if (isEventHandler && (0, _shared.isReservedProp)(name)) { | |
hasVnodeHook = true; | |
} | |
if (value.type === 20 /* NodeTypes.JS_CACHE_EXPRESSION */ || (value.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ || value.type === 8 /* NodeTypes.COMPOUND_EXPRESSION */ ) && getConstantType(value, context) > 0) { | |
// skip if the prop is a cached handler or has constant value | |
return; | |
} | |
if (name === "ref") { | |
hasRef = true; | |
} else if (name === "class") { | |
hasClassBinding = true; | |
} else if (name === "style") { | |
hasStyleBinding = true; | |
} else if (name !== "key" && !dynamicPropNames.includes(name)) { | |
dynamicPropNames.push(name); | |
} | |
// treat the dynamic class and style binding of the component as dynamic props | |
if (isComponent && (name === "class" || name === "style") && !dynamicPropNames.includes(name)) { | |
dynamicPropNames.push(name); | |
} | |
} else { | |
hasDynamicKeys = true; | |
} | |
}; | |
for(let i = 0; i < props.length; i++){ | |
// static attribute | |
const prop = props[i]; | |
if (prop.type === 6 /* NodeTypes.ATTRIBUTE */ ) { | |
const { loc , name , value } = prop; | |
let isStatic = true; | |
if (name === "ref") { | |
hasRef = true; | |
if (context.scopes.vFor > 0) { | |
properties.push(createObjectProperty(createSimpleExpression("ref_for", true), createSimpleExpression("true"))); | |
} | |
} | |
// skip is on <component>, or is="vue:xxx" | |
if (name === "is" && (isComponentTag(tag) || value && value.content.startsWith("vue:") || isCompatEnabled("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */ , context))) { | |
continue; | |
} | |
properties.push(createObjectProperty(createSimpleExpression(name, true, getInnerRange(loc, 0, name.length)), createSimpleExpression(value ? value.content : "", isStatic, value ? value.loc : loc))); | |
} else { | |
// directives | |
const { name: name1 , arg , exp , loc: loc1 } = prop; | |
const isVBind = name1 === "bind"; | |
const isVOn = name1 === "on"; | |
// skip v-slot - it is handled by its dedicated transform. | |
if (name1 === "slot") { | |
if (!isComponent) { | |
context.onError(createCompilerError(40 /* ErrorCodes.X_V_SLOT_MISPLACED */ , loc1)); | |
} | |
continue; | |
} | |
// skip v-once/v-memo - they are handled by dedicated transforms. | |
if (name1 === "once" || name1 === "memo") { | |
continue; | |
} | |
// skip v-is and :is on <component> | |
if (name1 === "is" || isVBind && isStaticArgOf(arg, "is") && (isComponentTag(tag) || isCompatEnabled("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */ , context))) { | |
continue; | |
} | |
// skip v-on in SSR compilation | |
if (isVOn && ssr) { | |
continue; | |
} | |
if (// #938: elements with dynamic keys should be forced into blocks | |
isVBind && isStaticArgOf(arg, "key") || // inline before-update hooks need to force block so that it is invoked | |
// before children | |
isVOn && hasChildren && isStaticArgOf(arg, "vue:before-update")) { | |
shouldUseBlock = true; | |
} | |
if (isVBind && isStaticArgOf(arg, "ref") && context.scopes.vFor > 0) { | |
properties.push(createObjectProperty(createSimpleExpression("ref_for", true), createSimpleExpression("true"))); | |
} | |
// special case for v-bind and v-on with no argument | |
if (!arg && (isVBind || isVOn)) { | |
hasDynamicKeys = true; | |
if (exp) { | |
if (isVBind) { | |
// have to merge early for compat build check | |
pushMergeArg(); | |
{ | |
// 2.x v-bind object order compat | |
if (true) { | |
const hasOverridableKeys = mergeArgs.some((arg)=>{ | |
if (arg.type === 15 /* NodeTypes.JS_OBJECT_EXPRESSION */ ) { | |
return arg.properties.some(({ key })=>{ | |
if (key.type !== 4 /* NodeTypes.SIMPLE_EXPRESSION */ || !key.isStatic) { | |
return true; | |
} | |
return key.content !== "class" && key.content !== "style" && !(0, _shared.isOn)(key.content); | |
}); | |
} else { | |
// dynamic expression | |
return true; | |
} | |
}); | |
if (hasOverridableKeys) { | |
checkCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER" /* CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER */ , context, loc1); | |
} | |
} | |
if (isCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER" /* CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER */ , context)) { | |
mergeArgs.unshift(exp); | |
continue; | |
} | |
} | |
mergeArgs.push(exp); | |
} else { | |
// v-on="obj" -> toHandlers(obj) | |
pushMergeArg({ | |
type: 14 /* NodeTypes.JS_CALL_EXPRESSION */ , | |
loc: loc1, | |
callee: context.helper(TO_HANDLERS), | |
arguments: isComponent ? [ | |
exp | |
] : [ | |
exp, | |
`true` | |
] | |
}); | |
} | |
} else { | |
context.onError(createCompilerError(isVBind ? 34 /* ErrorCodes.X_V_BIND_NO_EXPRESSION */ : 35 /* ErrorCodes.X_V_ON_NO_EXPRESSION */ , loc1)); | |
} | |
continue; | |
} | |
const directiveTransform = context.directiveTransforms[name1]; | |
if (directiveTransform) { | |
// has built-in directive transform. | |
const { props: props1 , needRuntime } = directiveTransform(prop, node, context); | |
!ssr && props1.forEach(analyzePatchFlag); | |
if (isVOn && arg && !isStaticExp(arg)) { | |
pushMergeArg(createObjectExpression(props1, elementLoc)); | |
} else { | |
properties.push(...props1); | |
} | |
if (needRuntime) { | |
runtimeDirectives.push(prop); | |
if ((0, _shared.isSymbol)(needRuntime)) { | |
directiveImportMap.set(prop, needRuntime); | |
} | |
} | |
} else if (!(0, _shared.isBuiltInDirective)(name1)) { | |
// no built-in transform, this is a user custom directive. | |
runtimeDirectives.push(prop); | |
// custom dirs may use beforeUpdate so they need to force blocks | |
// to ensure before-update gets called before children update | |
if (hasChildren) { | |
shouldUseBlock = true; | |
} | |
} | |
} | |
} | |
let propsExpression = undefined; | |
// has v-bind="object" or v-on="object", wrap with mergeProps | |
if (mergeArgs.length) { | |
// close up any not-yet-merged props | |
pushMergeArg(); | |
if (mergeArgs.length > 1) { | |
propsExpression = createCallExpression(context.helper(MERGE_PROPS), mergeArgs, elementLoc); | |
} else { | |
// single v-bind with nothing else - no need for a mergeProps call | |
propsExpression = mergeArgs[0]; | |
} | |
} else if (properties.length) { | |
propsExpression = createObjectExpression(dedupeProperties(properties), elementLoc); | |
} | |
// patchFlag analysis | |
if (hasDynamicKeys) { | |
patchFlag |= 16 /* PatchFlags.FULL_PROPS */ ; | |
} else { | |
if (hasClassBinding && !isComponent) { | |
patchFlag |= 2 /* PatchFlags.CLASS */ ; | |
} | |
if (hasStyleBinding && !isComponent) { | |
patchFlag |= 4 /* PatchFlags.STYLE */ ; | |
} | |
if (dynamicPropNames.length) { | |
patchFlag |= 8 /* PatchFlags.PROPS */ ; | |
} | |
if (hasHydrationEventBinding) { | |
patchFlag |= 32 /* PatchFlags.HYDRATE_EVENTS */ ; | |
} | |
} | |
if (!shouldUseBlock && (patchFlag === 0 || patchFlag === 32 /* PatchFlags.HYDRATE_EVENTS */ ) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0)) { | |
patchFlag |= 512 /* PatchFlags.NEED_PATCH */ ; | |
} | |
// pre-normalize props, SSR is skipped for now | |
if (!context.inSSR && propsExpression) { | |
switch(propsExpression.type){ | |
case 15 /* NodeTypes.JS_OBJECT_EXPRESSION */ : | |
// means that there is no v-bind, | |
// but still need to deal with dynamic key binding | |
let classKeyIndex = -1; | |
let styleKeyIndex = -1; | |
let hasDynamicKey = false; | |
for(let i1 = 0; i1 < propsExpression.properties.length; i1++){ | |
const key = propsExpression.properties[i1].key; | |
if (isStaticExp(key)) { | |
if (key.content === "class") { | |
classKeyIndex = i1; | |
} else if (key.content === "style") { | |
styleKeyIndex = i1; | |
} | |
} else if (!key.isHandlerKey) { | |
hasDynamicKey = true; | |
} | |
} | |
const classProp = propsExpression.properties[classKeyIndex]; | |
const styleProp = propsExpression.properties[styleKeyIndex]; | |
// no dynamic key | |
if (!hasDynamicKey) { | |
if (classProp && !isStaticExp(classProp.value)) { | |
classProp.value = createCallExpression(context.helper(NORMALIZE_CLASS), [ | |
classProp.value | |
]); | |
} | |
if (styleProp && // the static style is compiled into an object, | |
// so use `hasStyleBinding` to ensure that it is a dynamic style binding | |
(hasStyleBinding || styleProp.value.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ && styleProp.value.content.trim()[0] === `[` || // v-bind:style and style both exist, | |
// v-bind:style with static literal object | |
styleProp.value.type === 17 /* NodeTypes.JS_ARRAY_EXPRESSION */ )) { | |
styleProp.value = createCallExpression(context.helper(NORMALIZE_STYLE), [ | |
styleProp.value | |
]); | |
} | |
} else { | |
// dynamic key binding, wrap with `normalizeProps` | |
propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [ | |
propsExpression | |
]); | |
} | |
break; | |
case 14 /* NodeTypes.JS_CALL_EXPRESSION */ : | |
break; | |
default: | |
// single v-bind | |
propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [ | |
createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [ | |
propsExpression | |
]) | |
]); | |
break; | |
} | |
} | |
return { | |
props: propsExpression, | |
directives: runtimeDirectives, | |
patchFlag, | |
dynamicPropNames, | |
shouldUseBlock | |
}; | |
} | |
// Dedupe props in an object literal. | |
// Literal duplicated attributes would have been warned during the parse phase, | |
// however, it's possible to encounter duplicated `onXXX` handlers with different | |
// modifiers. We also need to merge static and dynamic class / style attributes. | |
// - onXXX handlers / style: merge into array | |
// - class: merge into single expression with concatenation | |
function dedupeProperties(properties) { | |
const knownProps = new Map(); | |
const deduped = []; | |
for(let i = 0; i < properties.length; i++){ | |
const prop = properties[i]; | |
// dynamic keys are always allowed | |
if (prop.key.type === 8 /* NodeTypes.COMPOUND_EXPRESSION */ || !prop.key.isStatic) { | |
deduped.push(prop); | |
continue; | |
} | |
const name = prop.key.content; | |
const existing = knownProps.get(name); | |
if (existing) { | |
if (name === "style" || name === "class" || (0, _shared.isOn)(name)) { | |
mergeAsArray(existing, prop); | |
} | |
// unexpected duplicate, should have emitted error during parse | |
} else { | |
knownProps.set(name, prop); | |
deduped.push(prop); | |
} | |
} | |
return deduped; | |
} | |
function mergeAsArray(existing, incoming) { | |
if (existing.value.type === 17 /* NodeTypes.JS_ARRAY_EXPRESSION */ ) { | |
existing.value.elements.push(incoming.value); | |
} else { | |
existing.value = createArrayExpression([ | |
existing.value, | |
incoming.value | |
], existing.loc); | |
} | |
} | |
function buildDirectiveArgs(dir, context) { | |
const dirArgs = []; | |
const runtime = directiveImportMap.get(dir); | |
if (runtime) { | |
// built-in directive with runtime | |
dirArgs.push(context.helperString(runtime)); | |
} else { | |
{ | |
// inject statement for resolving directive | |
context.helper(RESOLVE_DIRECTIVE); | |
context.directives.add(dir.name); | |
dirArgs.push(toValidAssetId(dir.name, `directive`)); | |
} | |
} | |
const { loc } = dir; | |
if (dir.exp) dirArgs.push(dir.exp); | |
if (dir.arg) { | |
if (!dir.exp) { | |
dirArgs.push(`void 0`); | |
} | |
dirArgs.push(dir.arg); | |
} | |
if (Object.keys(dir.modifiers).length) { | |
if (!dir.arg) { | |
if (!dir.exp) { | |
dirArgs.push(`void 0`); | |
} | |
dirArgs.push(`void 0`); | |
} | |
const trueExpression = createSimpleExpression(`true`, false, loc); | |
dirArgs.push(createObjectExpression(dir.modifiers.map((modifier)=>createObjectProperty(modifier, trueExpression)), loc)); | |
} | |
return createArrayExpression(dirArgs, dir.loc); | |
} | |
function stringifyDynamicPropNames(props) { | |
let propsNamesString = `[`; | |
for(let i = 0, l = props.length; i < l; i++){ | |
propsNamesString += JSON.stringify(props[i]); | |
if (i < l - 1) propsNamesString += ", "; | |
} | |
return propsNamesString + `]`; | |
} | |
function isComponentTag(tag) { | |
return tag === "component" || tag === "Component"; | |
} | |
true ? Object.freeze({}) : 0; | |
true ? Object.freeze([]) : 0; | |
const cacheStringFunction = (fn)=>{ | |
const cache = Object.create(null); | |
return (str)=>{ | |
const hit = cache[str]; | |
return hit || (cache[str] = fn(str)); | |
}; | |
}; | |
const camelizeRE = /-(\w)/g; | |
/** | |
* @private | |
*/ const camelize = cacheStringFunction((str)=>{ | |
return str.replace(camelizeRE, (_, c)=>c ? c.toUpperCase() : ""); | |
}); | |
const transformSlotOutlet = (node, context)=>{ | |
if (isSlotOutlet(node)) { | |
const { children , loc } = node; | |
const { slotName , slotProps } = processSlotOutlet(node, context); | |
const slotArgs = [ | |
context.prefixIdentifiers ? `_ctx.$slots` : `$slots`, | |
slotName, | |
"{}", | |
"undefined", | |
"true" | |
]; | |
let expectedLen = 2; | |
if (slotProps) { | |
slotArgs[2] = slotProps; | |
expectedLen = 3; | |
} | |
if (children.length) { | |
slotArgs[3] = createFunctionExpression([], children, false, false, loc); | |
expectedLen = 4; | |
} | |
if (context.scopeId && !context.slotted) { | |
expectedLen = 5; | |
} | |
slotArgs.splice(expectedLen); // remove unused arguments | |
node.codegenNode = createCallExpression(context.helper(RENDER_SLOT), slotArgs, loc); | |
} | |
}; | |
function processSlotOutlet(node, context) { | |
let slotName = `"default"`; | |
let slotProps = undefined; | |
const nonNameProps = []; | |
for(let i = 0; i < node.props.length; i++){ | |
const p = node.props[i]; | |
if (p.type === 6 /* NodeTypes.ATTRIBUTE */ ) { | |
if (p.value) { | |
if (p.name === "name") { | |
slotName = JSON.stringify(p.value.content); | |
} else { | |
p.name = camelize(p.name); | |
nonNameProps.push(p); | |
} | |
} | |
} else { | |
if (p.name === "bind" && isStaticArgOf(p.arg, "name")) { | |
if (p.exp) slotName = p.exp; | |
} else { | |
if (p.name === "bind" && p.arg && isStaticExp(p.arg)) { | |
p.arg.content = camelize(p.arg.content); | |
} | |
nonNameProps.push(p); | |
} | |
} | |
} | |
if (nonNameProps.length > 0) { | |
const { props , directives } = buildProps(node, context, nonNameProps, false, false); | |
slotProps = props; | |
if (directives.length) { | |
context.onError(createCompilerError(36 /* ErrorCodes.X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */ , directives[0].loc)); | |
} | |
} | |
return { | |
slotName, | |
slotProps | |
}; | |
} | |
const fnExpRE = /^\s*([\w$_]+|(async\s*)?\([^)]*?\))\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/; | |
const transformOn = (dir, node, context, augmentor)=>{ | |
const { loc , modifiers , arg } = dir; | |
if (!dir.exp && !modifiers.length) { | |
context.onError(createCompilerError(35 /* ErrorCodes.X_V_ON_NO_EXPRESSION */ , loc)); | |
} | |
let eventName; | |
if (arg.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ) { | |
if (arg.isStatic) { | |
let rawName = arg.content; | |
// TODO deprecate @vnodeXXX usage | |
if (rawName.startsWith("vue:")) { | |
rawName = `vnode-${rawName.slice(4)}`; | |
} | |
const eventString = node.tagType !== 0 /* ElementTypes.ELEMENT */ || rawName.startsWith("vnode") || !/[A-Z]/.test(rawName) ? // it to camelCase. See issue #2249 | |
(0, _shared.toHandlerKey)((0, _shared.camelize)(rawName)) : // letters, as these may be custom elements' custom events | |
`on:${rawName}`; | |
eventName = createSimpleExpression(eventString, true, arg.loc); | |
} else { | |
// #2388 | |
eventName = createCompoundExpression([ | |
`${context.helperString(TO_HANDLER_KEY)}(`, | |
arg, | |
`)` | |
]); | |
} | |
} else { | |
// already a compound expression. | |
eventName = arg; | |
eventName.children.unshift(`${context.helperString(TO_HANDLER_KEY)}(`); | |
eventName.children.push(`)`); | |
} | |
// handler processing | |
let exp = dir.exp; | |
if (exp && !exp.content.trim()) { | |
exp = undefined; | |
} | |
let shouldCache = context.cacheHandlers && !exp && !context.inVOnce; | |
if (exp) { | |
const isMemberExp = isMemberExpression(exp.content); | |
const isInlineStatement = !(isMemberExp || fnExpRE.test(exp.content)); | |
const hasMultipleStatements = exp.content.includes(`;`); | |
if (true) { | |
validateBrowserExpression(exp, context, false, hasMultipleStatements); | |
} | |
if (isInlineStatement || shouldCache && isMemberExp) { | |
// wrap inline statement in a function expression | |
exp = createCompoundExpression([ | |
`${isInlineStatement ? `$event` : `${``}(...args)`} => ${hasMultipleStatements ? `{` : `(`}`, | |
exp, | |
hasMultipleStatements ? `}` : `)` | |
]); | |
} | |
} | |
let ret = { | |
props: [ | |
createObjectProperty(eventName, exp || createSimpleExpression(`() => {}`, false, loc)) | |
] | |
}; | |
// apply extended compiler augmentor | |
if (augmentor) { | |
ret = augmentor(ret); | |
} | |
if (shouldCache) { | |
// cache handlers so that it's always the same handler being passed down. | |
// this avoids unnecessary re-renders when users use inline handlers on | |
// components. | |
ret.props[0].value = context.cache(ret.props[0].value); | |
} | |
// mark the key as handler for props normalization check | |
ret.props.forEach((p)=>p.key.isHandlerKey = true); | |
return ret; | |
}; | |
// v-bind without arg is handled directly in ./transformElements.ts due to it affecting | |
// codegen for the entire props object. This transform here is only for v-bind | |
// *with* args. | |
const transformBind = (dir, _node, context)=>{ | |
const { exp , modifiers , loc } = dir; | |
const arg = dir.arg; | |
if (arg.type !== 4 /* NodeTypes.SIMPLE_EXPRESSION */ ) { | |
arg.children.unshift(`(`); | |
arg.children.push(`) || ""`); | |
} else if (!arg.isStatic) { | |
arg.content = `${arg.content} || ""`; | |
} | |
// .sync is replaced by v-model:arg | |
if (modifiers.includes("camel")) { | |
if (arg.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ) { | |
if (arg.isStatic) { | |
arg.content = (0, _shared.camelize)(arg.content); | |
} else { | |
arg.content = `${context.helperString(CAMELIZE)}(${arg.content})`; | |
} | |
} else { | |
arg.children.unshift(`${context.helperString(CAMELIZE)}(`); | |
arg.children.push(`)`); | |
} | |
} | |
if (!context.inSSR) { | |
if (modifiers.includes("prop")) { | |
injectPrefix(arg, "."); | |
} | |
if (modifiers.includes("attr")) { | |
injectPrefix(arg, "^"); | |
} | |
} | |
if (!exp || exp.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ && !exp.content.trim()) { | |
context.onError(createCompilerError(34 /* ErrorCodes.X_V_BIND_NO_EXPRESSION */ , loc)); | |
return { | |
props: [ | |
createObjectProperty(arg, createSimpleExpression("", true, loc)) | |
] | |
}; | |
} | |
return { | |
props: [ | |
createObjectProperty(arg, exp) | |
] | |
}; | |
}; | |
const injectPrefix = (arg, prefix)=>{ | |
if (arg.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ) { | |
if (arg.isStatic) { | |
arg.content = prefix + arg.content; | |
} else { | |
arg.content = `\`${prefix}\${${arg.content}}\``; | |
} | |
} else { | |
arg.children.unshift(`'${prefix}' + (`); | |
arg.children.push(`)`); | |
} | |
}; | |
// Merge adjacent text nodes and expressions into a single expression | |
// e.g. <div>abc {{ d }} {{ e }}</div> should have a single expression node as child. | |
const transformText = (node, context)=>{ | |
if (node.type === 0 /* NodeTypes.ROOT */ || node.type === 1 /* NodeTypes.ELEMENT */ || node.type === 11 /* NodeTypes.FOR */ || node.type === 10 /* NodeTypes.IF_BRANCH */ ) { | |
// perform the transform on node exit so that all expressions have already | |
// been processed. | |
return ()=>{ | |
const children = node.children; | |
let currentContainer = undefined; | |
let hasText = false; | |
for(let i = 0; i < children.length; i++){ | |
const child = children[i]; | |
if (isText(child)) { | |
hasText = true; | |
for(let j = i + 1; j < children.length; j++){ | |
const next = children[j]; | |
if (isText(next)) { | |
if (!currentContainer) { | |
currentContainer = children[i] = createCompoundExpression([ | |
child | |
], child.loc); | |
} | |
// merge adjacent text node into current | |
currentContainer.children.push(` + `, next); | |
children.splice(j, 1); | |
j--; | |
} else { | |
currentContainer = undefined; | |
break; | |
} | |
} | |
} | |
} | |
if (!hasText || // if this is a plain element with a single text child, leave it | |
// as-is since the runtime has dedicated fast path for this by directly | |
// setting textContent of the element. | |
// for component root it's always normalized anyway. | |
children.length === 1 && (node.type === 0 /* NodeTypes.ROOT */ || node.type === 1 /* NodeTypes.ELEMENT */ && node.tagType === 0 /* ElementTypes.ELEMENT */ && // #3756 | |
// custom directives can potentially add DOM elements arbitrarily, | |
// we need to avoid setting textContent of the element at runtime | |
// to avoid accidentally overwriting the DOM elements added | |
// by the user through custom directives. | |
!node.props.find((p)=>p.type === 7 /* NodeTypes.DIRECTIVE */ && !context.directiveTransforms[p.name]) && // in compat mode, <template> tags with no special directives | |
// will be rendered as a fragment so its children must be | |
// converted into vnodes. | |
!(node.tag === "template"))) { | |
return; | |
} | |
// pre-convert text nodes into createTextVNode(text) calls to avoid | |
// runtime normalization. | |
for(let i1 = 0; i1 < children.length; i1++){ | |
const child1 = children[i1]; | |
if (isText(child1) || child1.type === 8 /* NodeTypes.COMPOUND_EXPRESSION */ ) { | |
const callArgs = []; | |
// createTextVNode defaults to single whitespace, so if it is a | |
// single space the code could be an empty call to save bytes. | |
if (child1.type !== 2 /* NodeTypes.TEXT */ || child1.content !== " ") { | |
callArgs.push(child1); | |
} | |
// mark dynamic text with flag so it gets patched inside a block | |
if (!context.ssr && getConstantType(child1, context) === 0 /* ConstantTypes.NOT_CONSTANT */ ) { | |
callArgs.push(1 /* PatchFlags.TEXT */ + ( true ? ` /* ${_shared.PatchFlagNames[1 /* PatchFlags.TEXT */ ]} */` : 0)); | |
} | |
children[i1] = { | |
type: 12 /* NodeTypes.TEXT_CALL */ , | |
content: child1, | |
loc: child1.loc, | |
codegenNode: createCallExpression(context.helper(CREATE_TEXT), callArgs) | |
}; | |
} | |
} | |
}; | |
} | |
}; | |
const seen = new WeakSet(); | |
const transformOnce = (node, context)=>{ | |
if (node.type === 1 /* NodeTypes.ELEMENT */ && findDir(node, "once", true)) { | |
if (seen.has(node) || context.inVOnce) { | |
return; | |
} | |
seen.add(node); | |
context.inVOnce = true; | |
context.helper(SET_BLOCK_TRACKING); | |
return ()=>{ | |
context.inVOnce = false; | |
const cur = context.currentNode; | |
if (cur.codegenNode) { | |
cur.codegenNode = context.cache(cur.codegenNode, true); | |
} | |
}; | |
} | |
}; | |
const transformModel = (dir, node, context)=>{ | |
const { exp , arg } = dir; | |
if (!exp) { | |
context.onError(createCompilerError(41 /* ErrorCodes.X_V_MODEL_NO_EXPRESSION */ , dir.loc)); | |
return createTransformProps(); | |
} | |
const rawExp = exp.loc.source; | |
const expString = exp.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ? exp.content : rawExp; | |
// im SFC <script setup> inline mode, the exp may have been transformed into | |
// _unref(exp) | |
const bindingType = context.bindingMetadata[rawExp]; | |
// check props | |
if (bindingType === "props" /* BindingTypes.PROPS */ || bindingType === "props-aliased" /* BindingTypes.PROPS_ALIASED */ ) { | |
context.onError(createCompilerError(44 /* ErrorCodes.X_V_MODEL_ON_PROPS */ , exp.loc)); | |
return createTransformProps(); | |
} | |
const maybeRef = !true; | |
if (!expString.trim() || !isMemberExpression(expString) && !maybeRef) { | |
context.onError(createCompilerError(42 /* ErrorCodes.X_V_MODEL_MALFORMED_EXPRESSION */ , exp.loc)); | |
return createTransformProps(); | |
} | |
const propName = arg ? arg : createSimpleExpression("modelValue", true); | |
const eventName = arg ? isStaticExp(arg) ? `onUpdate:${arg.content}` : createCompoundExpression([ | |
'"onUpdate:" + ', | |
arg | |
]) : `onUpdate:modelValue`; | |
let assignmentExp; | |
const eventArg = context.isTS ? `($event: any)` : `$event`; | |
{ | |
assignmentExp = createCompoundExpression([ | |
`${eventArg} => ((`, | |
exp, | |
`) = $event)` | |
]); | |
} | |
const props = [ | |
// modelValue: foo | |
createObjectProperty(propName, dir.exp), | |
// "onUpdate:modelValue": $event => (foo = $event) | |
createObjectProperty(eventName, assignmentExp) | |
]; | |
// modelModifiers: { foo: true, "bar-baz": true } | |
if (dir.modifiers.length && node.tagType === 1 /* ElementTypes.COMPONENT */ ) { | |
const modifiers = dir.modifiers.map((m)=>(isSimpleIdentifier(m) ? m : JSON.stringify(m)) + `: true`).join(`, `); | |
const modifiersKey = arg ? isStaticExp(arg) ? `${arg.content}Modifiers` : createCompoundExpression([ | |
arg, | |
' + "Modifiers"' | |
]) : `modelModifiers`; | |
props.push(createObjectProperty(modifiersKey, createSimpleExpression(`{ ${modifiers} }`, false, dir.loc, 2 /* ConstantTypes.CAN_HOIST */ ))); | |
} | |
return createTransformProps(props); | |
}; | |
function createTransformProps(props = []) { | |
return { | |
props | |
}; | |
} | |
const validDivisionCharRE = /[\w).+\-_$\]]/; | |
const transformFilter = (node, context)=>{ | |
if (!isCompatEnabled("COMPILER_FILTER" /* CompilerDeprecationTypes.COMPILER_FILTERS */ , context)) { | |
return; | |
} | |
if (node.type === 5 /* NodeTypes.INTERPOLATION */ ) { | |
// filter rewrite is applied before expression transform so only | |
// simple expressions are possible at this stage | |
rewriteFilter(node.content, context); | |
} | |
if (node.type === 1 /* NodeTypes.ELEMENT */ ) { | |
node.props.forEach((prop)=>{ | |
if (prop.type === 7 /* NodeTypes.DIRECTIVE */ && prop.name !== "for" && prop.exp) { | |
rewriteFilter(prop.exp, context); | |
} | |
}); | |
} | |
}; | |
function rewriteFilter(node, context) { | |
if (node.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ) { | |
parseFilter(node, context); | |
} else { | |
for(let i = 0; i < node.children.length; i++){ | |
const child = node.children[i]; | |
if (typeof child !== "object") continue; | |
if (child.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ) { | |
parseFilter(child, context); | |
} else if (child.type === 8 /* NodeTypes.COMPOUND_EXPRESSION */ ) { | |
rewriteFilter(node, context); | |
} else if (child.type === 5 /* NodeTypes.INTERPOLATION */ ) { | |
rewriteFilter(child.content, context); | |
} | |
} | |
} | |
} | |
function parseFilter(node, context) { | |
const exp = node.content; | |
let inSingle = false; | |
let inDouble = false; | |
let inTemplateString = false; | |
let inRegex = false; | |
let curly = 0; | |
let square = 0; | |
let paren = 0; | |
let lastFilterIndex = 0; | |
let c, prev, i, expression, filters = []; | |
for(i = 0; i < exp.length; i++){ | |
prev = c; | |
c = exp.charCodeAt(i); | |
if (inSingle) { | |
if (c === 0x27 && prev !== 0x5c) inSingle = false; | |
} else if (inDouble) { | |
if (c === 0x22 && prev !== 0x5c) inDouble = false; | |
} else if (inTemplateString) { | |
if (c === 0x60 && prev !== 0x5c) inTemplateString = false; | |
} else if (inRegex) { | |
if (c === 0x2f && prev !== 0x5c) inRegex = false; | |
} else if (c === 0x7c && // pipe | |
exp.charCodeAt(i + 1) !== 0x7c && exp.charCodeAt(i - 1) !== 0x7c && !curly && !square && !paren) { | |
if (expression === undefined) { | |
// first filter, end of expression | |
lastFilterIndex = i + 1; | |
expression = exp.slice(0, i).trim(); | |
} else { | |
pushFilter(); | |
} | |
} else { | |
switch(c){ | |
case 0x22: | |
inDouble = true; | |
break; // " | |
case 0x27: | |
inSingle = true; | |
break; // ' | |
case 0x60: | |
inTemplateString = true; | |
break; // ` | |
case 0x28: | |
paren++; | |
break; // ( | |
case 0x29: | |
paren--; | |
break; // ) | |
case 0x5b: | |
square++; | |
break; // [ | |
case 0x5d: | |
square--; | |
break; // ] | |
case 0x7b: | |
curly++; | |
break; // { | |
case 0x7d: | |
curly--; | |
break; // } | |
} | |
if (c === 0x2f) { | |
// / | |
let j = i - 1; | |
let p; | |
// find first non-whitespace prev char | |
for(; j >= 0; j--){ | |
p = exp.charAt(j); | |
if (p !== " ") break; | |
} | |
if (!p || !validDivisionCharRE.test(p)) { | |
inRegex = true; | |
} | |
} | |
} | |
} | |
if (expression === undefined) { | |
expression = exp.slice(0, i).trim(); | |
} else if (lastFilterIndex !== 0) { | |
pushFilter(); | |
} | |
function pushFilter() { | |
filters.push(exp.slice(lastFilterIndex, i).trim()); | |
lastFilterIndex = i + 1; | |
} | |
if (filters.length) { | |
true && warnDeprecation("COMPILER_FILTER" /* CompilerDeprecationTypes.COMPILER_FILTERS */ , context, node.loc); | |
for(i = 0; i < filters.length; i++){ | |
expression = wrapFilter(expression, filters[i], context); | |
} | |
node.content = expression; | |
} | |
} | |
function wrapFilter(exp, filter, context) { | |
context.helper(RESOLVE_FILTER); | |
const i = filter.indexOf("("); | |
if (i < 0) { | |
context.filters.add(filter); | |
return `${toValidAssetId(filter, "filter")}(${exp})`; | |
} else { | |
const name = filter.slice(0, i); | |
const args = filter.slice(i + 1); | |
context.filters.add(name); | |
return `${toValidAssetId(name, "filter")}(${exp}${args !== ")" ? "," + args : args}`; | |
} | |
} | |
const seen$1 = new WeakSet(); | |
const transformMemo = (node, context)=>{ | |
if (node.type === 1 /* NodeTypes.ELEMENT */ ) { | |
const dir = findDir(node, "memo"); | |
if (!dir || seen$1.has(node)) { | |
return; | |
} | |
seen$1.add(node); | |
return ()=>{ | |
const codegenNode = node.codegenNode || context.currentNode.codegenNode; | |
if (codegenNode && codegenNode.type === 13 /* NodeTypes.VNODE_CALL */ ) { | |
// non-component sub tree should be turned into a block | |
if (node.tagType !== 1 /* ElementTypes.COMPONENT */ ) { | |
makeBlock(codegenNode, context); | |
} | |
node.codegenNode = createCallExpression(context.helper(WITH_MEMO), [ | |
dir.exp, | |
createFunctionExpression(undefined, codegenNode), | |
`_cache`, | |
String(context.cached++) | |
]); | |
} | |
}; | |
} | |
}; | |
function getBaseTransformPreset(prefixIdentifiers) { | |
return [ | |
[ | |
transformOnce, | |
transformIf, | |
transformMemo, | |
transformFor, | |
...[ | |
transformFilter | |
], | |
... true ? [ | |
transformExpression | |
] : 0, | |
transformSlotOutlet, | |
transformElement, | |
trackSlotScopes, | |
transformText | |
], | |
{ | |
on: transformOn, | |
bind: transformBind, | |
model: transformModel | |
} | |
]; | |
} | |
// we name it `baseCompile` so that higher order compilers like | |
// @vue/compiler-dom can export `compile` while re-exporting everything else. | |
function baseCompile(template, options = {}) { | |
const onError = options.onError || defaultOnError; | |
const isModuleMode = options.mode === "module"; | |
/* istanbul ignore if */ { | |
if (options.prefixIdentifiers === true) { | |
onError(createCompilerError(47 /* ErrorCodes.X_PREFIX_ID_NOT_SUPPORTED */ )); | |
} else if (isModuleMode) { | |
onError(createCompilerError(48 /* ErrorCodes.X_MODULE_MODE_NOT_SUPPORTED */ )); | |
} | |
} | |
const prefixIdentifiers = !true; | |
if (options.cacheHandlers) { | |
onError(createCompilerError(49 /* ErrorCodes.X_CACHE_HANDLER_NOT_SUPPORTED */ )); | |
} | |
if (options.scopeId && !isModuleMode) { | |
onError(createCompilerError(50 /* ErrorCodes.X_SCOPE_ID_NOT_SUPPORTED */ )); | |
} | |
const ast = (0, _shared.isString)(template) ? baseParse(template, options) : template; | |
const [nodeTransforms, directiveTransforms] = getBaseTransformPreset(); | |
transform(ast, (0, _shared.extend)({}, options, { | |
prefixIdentifiers, | |
nodeTransforms: [ | |
...nodeTransforms, | |
...options.nodeTransforms || [] // user transforms | |
], | |
directiveTransforms: (0, _shared.extend)({}, directiveTransforms, options.directiveTransforms || {} // user transforms | |
) | |
})); | |
return generate(ast, (0, _shared.extend)({}, options, { | |
prefixIdentifiers | |
})); | |
} | |
const noopDirectiveTransform = ()=>({ | |
props: [] | |
}); | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@vue+compiler-dom@3.2.45/node_modules/@vue/compiler-dom/dist/compiler-dom.esm-bundler.js": | |
/*!*********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@vue+compiler-dom@3.2.45/node_modules/@vue/compiler-dom/dist/compiler-dom.esm-bundler.js ***! | |
\*********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
DOMDirectiveTransforms: ()=>DOMDirectiveTransforms, | |
DOMNodeTransforms: ()=>DOMNodeTransforms, | |
TRANSITION: ()=>TRANSITION, | |
TRANSITION_GROUP: ()=>TRANSITION_GROUP, | |
V_MODEL_CHECKBOX: ()=>V_MODEL_CHECKBOX, | |
V_MODEL_DYNAMIC: ()=>V_MODEL_DYNAMIC, | |
V_MODEL_RADIO: ()=>V_MODEL_RADIO, | |
V_MODEL_SELECT: ()=>V_MODEL_SELECT, | |
V_MODEL_TEXT: ()=>V_MODEL_TEXT, | |
V_ON_WITH_KEYS: ()=>V_ON_WITH_KEYS, | |
V_ON_WITH_MODIFIERS: ()=>V_ON_WITH_MODIFIERS, | |
V_SHOW: ()=>V_SHOW, | |
compile: ()=>compile, | |
createDOMCompilerError: ()=>createDOMCompilerError, | |
parse: ()=>parse, | |
parserOptions: ()=>parserOptions, | |
transformStyle: ()=>transformStyle | |
}); | |
const _exportStar = (__webpack_require__(/*! @swc/helpers/lib/_export_star.js */ "./node_modules/.pnpm/@swc+helpers@0.4.12/node_modules/@swc/helpers/lib/_export_star.js")["default"]); | |
const _compilerCore = _exportStar(__webpack_require__(/*! @vue/compiler-core */ "./node_modules/.pnpm/@vue+compiler-core@3.2.45/node_modules/@vue/compiler-core/dist/compiler-core.esm-bundler.js"), exports); | |
const _shared = __webpack_require__(/*! @vue/shared */ "./node_modules/.pnpm/@vue+shared@3.2.45/node_modules/@vue/shared/dist/shared.esm-bundler.js"); | |
const V_MODEL_RADIO = Symbol( true ? `vModelRadio` : 0); | |
const V_MODEL_CHECKBOX = Symbol( true ? `vModelCheckbox` : 0); | |
const V_MODEL_TEXT = Symbol( true ? `vModelText` : 0); | |
const V_MODEL_SELECT = Symbol( true ? `vModelSelect` : 0); | |
const V_MODEL_DYNAMIC = Symbol( true ? `vModelDynamic` : 0); | |
const V_ON_WITH_MODIFIERS = Symbol( true ? `vOnModifiersGuard` : 0); | |
const V_ON_WITH_KEYS = Symbol( true ? `vOnKeysGuard` : 0); | |
const V_SHOW = Symbol( true ? `vShow` : 0); | |
const TRANSITION = Symbol( true ? `Transition` : 0); | |
const TRANSITION_GROUP = Symbol( true ? `TransitionGroup` : 0); | |
(0, _compilerCore.registerRuntimeHelpers)({ | |
[V_MODEL_RADIO]: `vModelRadio`, | |
[V_MODEL_CHECKBOX]: `vModelCheckbox`, | |
[V_MODEL_TEXT]: `vModelText`, | |
[V_MODEL_SELECT]: `vModelSelect`, | |
[V_MODEL_DYNAMIC]: `vModelDynamic`, | |
[V_ON_WITH_MODIFIERS]: `withModifiers`, | |
[V_ON_WITH_KEYS]: `withKeys`, | |
[V_SHOW]: `vShow`, | |
[TRANSITION]: `Transition`, | |
[TRANSITION_GROUP]: `TransitionGroup` | |
}); | |
/* eslint-disable no-restricted-globals */ let decoder; | |
function decodeHtmlBrowser(raw, asAttr = false) { | |
if (!decoder) { | |
decoder = document.createElement("div"); | |
} | |
if (asAttr) { | |
decoder.innerHTML = `<div foo="${raw.replace(/"/g, """)}">`; | |
return decoder.children[0].getAttribute("foo"); | |
} else { | |
decoder.innerHTML = raw; | |
return decoder.textContent; | |
} | |
} | |
const isRawTextContainer = /*#__PURE__*/ (0, _shared.makeMap)("style,iframe,script,noscript", true); | |
const parserOptions = { | |
isVoidTag: _shared.isVoidTag, | |
isNativeTag: (tag)=>(0, _shared.isHTMLTag)(tag) || (0, _shared.isSVGTag)(tag), | |
isPreTag: (tag)=>tag === "pre", | |
decodeEntities: decodeHtmlBrowser, | |
isBuiltInComponent: (tag)=>{ | |
if ((0, _compilerCore.isBuiltInType)(tag, `Transition`)) { | |
return TRANSITION; | |
} else if ((0, _compilerCore.isBuiltInType)(tag, `TransitionGroup`)) { | |
return TRANSITION_GROUP; | |
} | |
}, | |
// https://html.spec.whatwg.org/multipage/parsing.html#tree-construction-dispatcher | |
getNamespace (tag, parent) { | |
let ns = parent ? parent.ns : 0 /* DOMNamespaces.HTML */ ; | |
if (parent && ns === 2 /* DOMNamespaces.MATH_ML */ ) { | |
if (parent.tag === "annotation-xml") { | |
if (tag === "svg") { | |
return 1 /* DOMNamespaces.SVG */ ; | |
} | |
if (parent.props.some((a)=>a.type === 6 /* NodeTypes.ATTRIBUTE */ && a.name === "encoding" && a.value != null && (a.value.content === "text/html" || a.value.content === "application/xhtml+xml"))) { | |
ns = 0 /* DOMNamespaces.HTML */ ; | |
} | |
} else if (/^m(?:[ions]|text)$/.test(parent.tag) && tag !== "mglyph" && tag !== "malignmark") { | |
ns = 0 /* DOMNamespaces.HTML */ ; | |
} | |
} else if (parent && ns === 1 /* DOMNamespaces.SVG */ ) { | |
if (parent.tag === "foreignObject" || parent.tag === "desc" || parent.tag === "title") { | |
ns = 0 /* DOMNamespaces.HTML */ ; | |
} | |
} | |
if (ns === 0 /* DOMNamespaces.HTML */ ) { | |
if (tag === "svg") { | |
return 1 /* DOMNamespaces.SVG */ ; | |
} | |
if (tag === "math") { | |
return 2 /* DOMNamespaces.MATH_ML */ ; | |
} | |
} | |
return ns; | |
}, | |
// https://html.spec.whatwg.org/multipage/parsing.html#parsing-html-fragments | |
getTextMode ({ tag , ns }) { | |
if (ns === 0 /* DOMNamespaces.HTML */ ) { | |
if (tag === "textarea" || tag === "title") { | |
return 1 /* TextModes.RCDATA */ ; | |
} | |
if (isRawTextContainer(tag)) { | |
return 2 /* TextModes.RAWTEXT */ ; | |
} | |
} | |
return 0 /* TextModes.DATA */ ; | |
} | |
}; | |
// Parse inline CSS strings for static style attributes into an object. | |
// This is a NodeTransform since it works on the static `style` attribute and | |
// converts it into a dynamic equivalent: | |
// style="color: red" -> :style='{ "color": "red" }' | |
// It is then processed by `transformElement` and included in the generated | |
// props. | |
const transformStyle = (node)=>{ | |
if (node.type === 1 /* NodeTypes.ELEMENT */ ) { | |
node.props.forEach((p, i)=>{ | |
if (p.type === 6 /* NodeTypes.ATTRIBUTE */ && p.name === "style" && p.value) { | |
// replace p with an expression node | |
node.props[i] = { | |
type: 7 /* NodeTypes.DIRECTIVE */ , | |
name: `bind`, | |
arg: (0, _compilerCore.createSimpleExpression)(`style`, true, p.loc), | |
exp: parseInlineCSS(p.value.content, p.loc), | |
modifiers: [], | |
loc: p.loc | |
}; | |
} | |
}); | |
} | |
}; | |
const parseInlineCSS = (cssText, loc)=>{ | |
const normalized = (0, _shared.parseStringStyle)(cssText); | |
return (0, _compilerCore.createSimpleExpression)(JSON.stringify(normalized), false, loc, 3 /* ConstantTypes.CAN_STRINGIFY */ ); | |
}; | |
function createDOMCompilerError(code, loc) { | |
return (0, _compilerCore.createCompilerError)(code, loc, true ? DOMErrorMessages : 0); | |
} | |
const DOMErrorMessages = { | |
[51 /* DOMErrorCodes.X_V_HTML_NO_EXPRESSION */ ]: `v-html is missing expression.`, | |
[52 /* DOMErrorCodes.X_V_HTML_WITH_CHILDREN */ ]: `v-html will override element children.`, | |
[53 /* DOMErrorCodes.X_V_TEXT_NO_EXPRESSION */ ]: `v-text is missing expression.`, | |
[54 /* DOMErrorCodes.X_V_TEXT_WITH_CHILDREN */ ]: `v-text will override element children.`, | |
[55 /* DOMErrorCodes.X_V_MODEL_ON_INVALID_ELEMENT */ ]: `v-model can only be used on <input>, <textarea> and <select> elements.`, | |
[56 /* DOMErrorCodes.X_V_MODEL_ARG_ON_ELEMENT */ ]: `v-model argument is not supported on plain elements.`, | |
[57 /* DOMErrorCodes.X_V_MODEL_ON_FILE_INPUT_ELEMENT */ ]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`, | |
[58 /* DOMErrorCodes.X_V_MODEL_UNNECESSARY_VALUE */ ]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`, | |
[59 /* DOMErrorCodes.X_V_SHOW_NO_EXPRESSION */ ]: `v-show is missing expression.`, | |
[60 /* DOMErrorCodes.X_TRANSITION_INVALID_CHILDREN */ ]: `<Transition> expects exactly one child element or component.`, | |
[61 /* DOMErrorCodes.X_IGNORED_SIDE_EFFECT_TAG */ ]: `Tags with side effect (<script> and <style>) are ignored in client component templates.` | |
}; | |
const transformVHtml = (dir, node, context)=>{ | |
const { exp , loc } = dir; | |
if (!exp) { | |
context.onError(createDOMCompilerError(51 /* DOMErrorCodes.X_V_HTML_NO_EXPRESSION */ , loc)); | |
} | |
if (node.children.length) { | |
context.onError(createDOMCompilerError(52 /* DOMErrorCodes.X_V_HTML_WITH_CHILDREN */ , loc)); | |
node.children.length = 0; | |
} | |
return { | |
props: [ | |
(0, _compilerCore.createObjectProperty)((0, _compilerCore.createSimpleExpression)(`innerHTML`, true, loc), exp || (0, _compilerCore.createSimpleExpression)("", true)) | |
] | |
}; | |
}; | |
const transformVText = (dir, node, context)=>{ | |
const { exp , loc } = dir; | |
if (!exp) { | |
context.onError(createDOMCompilerError(53 /* DOMErrorCodes.X_V_TEXT_NO_EXPRESSION */ , loc)); | |
} | |
if (node.children.length) { | |
context.onError(createDOMCompilerError(54 /* DOMErrorCodes.X_V_TEXT_WITH_CHILDREN */ , loc)); | |
node.children.length = 0; | |
} | |
return { | |
props: [ | |
(0, _compilerCore.createObjectProperty)((0, _compilerCore.createSimpleExpression)(`textContent`, true), exp ? (0, _compilerCore.getConstantType)(exp, context) > 0 ? exp : (0, _compilerCore.createCallExpression)(context.helperString(_compilerCore.TO_DISPLAY_STRING), [ | |
exp | |
], loc) : (0, _compilerCore.createSimpleExpression)("", true)) | |
] | |
}; | |
}; | |
const transformModel = (dir, node, context)=>{ | |
const baseResult = (0, _compilerCore.transformModel)(dir, node, context); | |
// base transform has errors OR component v-model (only need props) | |
if (!baseResult.props.length || node.tagType === 1 /* ElementTypes.COMPONENT */ ) { | |
return baseResult; | |
} | |
if (dir.arg) { | |
context.onError(createDOMCompilerError(56 /* DOMErrorCodes.X_V_MODEL_ARG_ON_ELEMENT */ , dir.arg.loc)); | |
} | |
function checkDuplicatedValue() { | |
const value = (0, _compilerCore.findProp)(node, "value"); | |
if (value) { | |
context.onError(createDOMCompilerError(58 /* DOMErrorCodes.X_V_MODEL_UNNECESSARY_VALUE */ , value.loc)); | |
} | |
} | |
const { tag } = node; | |
const isCustomElement = context.isCustomElement(tag); | |
if (tag === "input" || tag === "textarea" || tag === "select" || isCustomElement) { | |
let directiveToUse = V_MODEL_TEXT; | |
let isInvalidType = false; | |
if (tag === "input" || isCustomElement) { | |
const type = (0, _compilerCore.findProp)(node, `type`); | |
if (type) { | |
if (type.type === 7 /* NodeTypes.DIRECTIVE */ ) { | |
// :type="foo" | |
directiveToUse = V_MODEL_DYNAMIC; | |
} else if (type.value) { | |
switch(type.value.content){ | |
case "radio": | |
directiveToUse = V_MODEL_RADIO; | |
break; | |
case "checkbox": | |
directiveToUse = V_MODEL_CHECKBOX; | |
break; | |
case "file": | |
isInvalidType = true; | |
context.onError(createDOMCompilerError(57 /* DOMErrorCodes.X_V_MODEL_ON_FILE_INPUT_ELEMENT */ , dir.loc)); | |
break; | |
default: | |
// text type | |
true && checkDuplicatedValue(); | |
break; | |
} | |
} | |
} else if ((0, _compilerCore.hasDynamicKeyVBind)(node)) { | |
// element has bindings with dynamic keys, which can possibly contain | |
// "type". | |
directiveToUse = V_MODEL_DYNAMIC; | |
} else { | |
// text type | |
true && checkDuplicatedValue(); | |
} | |
} else if (tag === "select") { | |
directiveToUse = V_MODEL_SELECT; | |
} else { | |
// textarea | |
true && checkDuplicatedValue(); | |
} | |
// inject runtime directive | |
// by returning the helper symbol via needRuntime | |
// the import will replaced a resolveDirective call. | |
if (!isInvalidType) { | |
baseResult.needRuntime = context.helper(directiveToUse); | |
} | |
} else { | |
context.onError(createDOMCompilerError(55 /* DOMErrorCodes.X_V_MODEL_ON_INVALID_ELEMENT */ , dir.loc)); | |
} | |
// native vmodel doesn't need the `modelValue` props since they are also | |
// passed to the runtime as `binding.value`. removing it reduces code size. | |
baseResult.props = baseResult.props.filter((p)=>!(p.key.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ && p.key.content === "modelValue")); | |
return baseResult; | |
}; | |
const isEventOptionModifier = /*#__PURE__*/ (0, _shared.makeMap)(`passive,once,capture`); | |
const isNonKeyModifier = /*#__PURE__*/ (0, _shared.makeMap)(// event propagation management | |
`stop,prevent,self,` + // system modifiers + exact | |
`ctrl,shift,alt,meta,exact,` + // mouse | |
`middle`); | |
// left & right could be mouse or key modifiers based on event type | |
const maybeKeyModifier = /*#__PURE__*/ (0, _shared.makeMap)("left,right"); | |
const isKeyboardEvent = /*#__PURE__*/ (0, _shared.makeMap)(`onkeyup,onkeydown,onkeypress`, true); | |
const resolveModifiers = (key, modifiers, context, loc)=>{ | |
const keyModifiers = []; | |
const nonKeyModifiers = []; | |
const eventOptionModifiers = []; | |
for(let i = 0; i < modifiers.length; i++){ | |
const modifier = modifiers[i]; | |
if (modifier === "native" && (0, _compilerCore.checkCompatEnabled)("COMPILER_V_ON_NATIVE" /* CompilerDeprecationTypes.COMPILER_V_ON_NATIVE */ , context, loc)) { | |
eventOptionModifiers.push(modifier); | |
} else if (isEventOptionModifier(modifier)) { | |
// eventOptionModifiers: modifiers for addEventListener() options, | |
// e.g. .passive & .capture | |
eventOptionModifiers.push(modifier); | |
} else { | |
// runtimeModifiers: modifiers that needs runtime guards | |
if (maybeKeyModifier(modifier)) { | |
if ((0, _compilerCore.isStaticExp)(key)) { | |
if (isKeyboardEvent(key.content)) { | |
keyModifiers.push(modifier); | |
} else { | |
nonKeyModifiers.push(modifier); | |
} | |
} else { | |
keyModifiers.push(modifier); | |
nonKeyModifiers.push(modifier); | |
} | |
} else { | |
if (isNonKeyModifier(modifier)) { | |
nonKeyModifiers.push(modifier); | |
} else { | |
keyModifiers.push(modifier); | |
} | |
} | |
} | |
} | |
return { | |
keyModifiers, | |
nonKeyModifiers, | |
eventOptionModifiers | |
}; | |
}; | |
const transformClick = (key, event)=>{ | |
const isStaticClick = (0, _compilerCore.isStaticExp)(key) && key.content.toLowerCase() === "onclick"; | |
return isStaticClick ? (0, _compilerCore.createSimpleExpression)(event, true) : key.type !== 4 /* NodeTypes.SIMPLE_EXPRESSION */ ? (0, _compilerCore.createCompoundExpression)([ | |
`(`, | |
key, | |
`) === "onClick" ? "${event}" : (`, | |
key, | |
`)` | |
]) : key; | |
}; | |
const transformOn = (dir, node, context)=>{ | |
return (0, _compilerCore.transformOn)(dir, node, context, (baseResult)=>{ | |
const { modifiers } = dir; | |
if (!modifiers.length) return baseResult; | |
let { key , value: handlerExp } = baseResult.props[0]; | |
const { keyModifiers , nonKeyModifiers , eventOptionModifiers } = resolveModifiers(key, modifiers, context, dir.loc); | |
// normalize click.right and click.middle since they don't actually fire | |
if (nonKeyModifiers.includes("right")) { | |
key = transformClick(key, `onContextmenu`); | |
} | |
if (nonKeyModifiers.includes("middle")) { | |
key = transformClick(key, `onMouseup`); | |
} | |
if (nonKeyModifiers.length) { | |
handlerExp = (0, _compilerCore.createCallExpression)(context.helper(V_ON_WITH_MODIFIERS), [ | |
handlerExp, | |
JSON.stringify(nonKeyModifiers) | |
]); | |
} | |
if (keyModifiers.length && // if event name is dynamic, always wrap with keys guard | |
(!(0, _compilerCore.isStaticExp)(key) || isKeyboardEvent(key.content))) { | |
handlerExp = (0, _compilerCore.createCallExpression)(context.helper(V_ON_WITH_KEYS), [ | |
handlerExp, | |
JSON.stringify(keyModifiers) | |
]); | |
} | |
if (eventOptionModifiers.length) { | |
const modifierPostfix = eventOptionModifiers.map(_shared.capitalize).join(""); | |
key = (0, _compilerCore.isStaticExp)(key) ? (0, _compilerCore.createSimpleExpression)(`${key.content}${modifierPostfix}`, true) : (0, _compilerCore.createCompoundExpression)([ | |
`(`, | |
key, | |
`) + "${modifierPostfix}"` | |
]); | |
} | |
return { | |
props: [ | |
(0, _compilerCore.createObjectProperty)(key, handlerExp) | |
] | |
}; | |
}); | |
}; | |
const transformShow = (dir, node, context)=>{ | |
const { exp , loc } = dir; | |
if (!exp) { | |
context.onError(createDOMCompilerError(59 /* DOMErrorCodes.X_V_SHOW_NO_EXPRESSION */ , loc)); | |
} | |
return { | |
props: [], | |
needRuntime: context.helper(V_SHOW) | |
}; | |
}; | |
const transformTransition = (node, context)=>{ | |
if (node.type === 1 /* NodeTypes.ELEMENT */ && node.tagType === 1 /* ElementTypes.COMPONENT */ ) { | |
const component = context.isBuiltInComponent(node.tag); | |
if (component === TRANSITION) { | |
return ()=>{ | |
if (!node.children.length) { | |
return; | |
} | |
// warn multiple transition children | |
if (hasMultipleChildren(node)) { | |
context.onError(createDOMCompilerError(60 /* DOMErrorCodes.X_TRANSITION_INVALID_CHILDREN */ , { | |
start: node.children[0].loc.start, | |
end: node.children[node.children.length - 1].loc.end, | |
source: "" | |
})); | |
} | |
// check if it's s single child w/ v-show | |
// if yes, inject "persisted: true" to the transition props | |
const child = node.children[0]; | |
if (child.type === 1 /* NodeTypes.ELEMENT */ ) { | |
for (const p of child.props){ | |
if (p.type === 7 /* NodeTypes.DIRECTIVE */ && p.name === "show") { | |
node.props.push({ | |
type: 6 /* NodeTypes.ATTRIBUTE */ , | |
name: "persisted", | |
value: undefined, | |
loc: node.loc | |
}); | |
} | |
} | |
} | |
}; | |
} | |
} | |
}; | |
function hasMultipleChildren(node) { | |
// #1352 filter out potential comment nodes. | |
const children = node.children = node.children.filter((c)=>c.type !== 3 /* NodeTypes.COMMENT */ && !(c.type === 2 /* NodeTypes.TEXT */ && !c.content.trim())); | |
const child = children[0]; | |
return children.length !== 1 || child.type === 11 /* NodeTypes.FOR */ || child.type === 9 /* NodeTypes.IF */ && child.branches.some(hasMultipleChildren); | |
} | |
const ignoreSideEffectTags = (node, context)=>{ | |
if (node.type === 1 /* NodeTypes.ELEMENT */ && node.tagType === 0 /* ElementTypes.ELEMENT */ && (node.tag === "script" || node.tag === "style")) { | |
context.onError(createDOMCompilerError(61 /* DOMErrorCodes.X_IGNORED_SIDE_EFFECT_TAG */ , node.loc)); | |
context.removeNode(); | |
} | |
}; | |
const DOMNodeTransforms = [ | |
transformStyle, | |
... true ? [ | |
transformTransition | |
] : 0 | |
]; | |
const DOMDirectiveTransforms = { | |
cloak: _compilerCore.noopDirectiveTransform, | |
html: transformVHtml, | |
text: transformVText, | |
model: transformModel, | |
on: transformOn, | |
show: transformShow | |
}; | |
function compile(template, options = {}) { | |
return (0, _compilerCore.baseCompile)(template, (0, _shared.extend)({}, parserOptions, options, { | |
nodeTransforms: [ | |
// ignore <script> and <tag> | |
// this is not put inside DOMNodeTransforms because that list is used | |
// by compiler-ssr to generate vnode fallback branches | |
ignoreSideEffectTags, | |
...DOMNodeTransforms, | |
...options.nodeTransforms || [] | |
], | |
directiveTransforms: (0, _shared.extend)({}, DOMDirectiveTransforms, options.directiveTransforms || {}), | |
transformHoist: null | |
})); | |
} | |
function parse(template, options = {}) { | |
return (0, _compilerCore.baseParse)(template, (0, _shared.extend)({}, parserOptions, options)); | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@vue+reactivity@3.2.45/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js": | |
/*!***************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@vue+reactivity@3.2.45/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js ***! | |
\***************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
EffectScope: ()=>EffectScope, | |
ITERATE_KEY: ()=>ITERATE_KEY, | |
ReactiveEffect: ()=>ReactiveEffect, | |
computed: ()=>computed, | |
customRef: ()=>customRef, | |
deferredComputed: ()=>deferredComputed, | |
effect: ()=>effect, | |
effectScope: ()=>effectScope, | |
enableTracking: ()=>enableTracking, | |
getCurrentScope: ()=>getCurrentScope, | |
isProxy: ()=>isProxy, | |
isReactive: ()=>isReactive, | |
isReadonly: ()=>isReadonly, | |
isRef: ()=>isRef, | |
isShallow: ()=>isShallow, | |
markRaw: ()=>markRaw, | |
onScopeDispose: ()=>onScopeDispose, | |
pauseTracking: ()=>pauseTracking, | |
proxyRefs: ()=>proxyRefs, | |
reactive: ()=>reactive, | |
readonly: ()=>readonly, | |
ref: ()=>ref, | |
resetTracking: ()=>resetTracking, | |
shallowReactive: ()=>shallowReactive, | |
shallowReadonly: ()=>shallowReadonly, | |
shallowRef: ()=>shallowRef, | |
stop: ()=>stop, | |
toRaw: ()=>toRaw, | |
toRef: ()=>toRef, | |
toRefs: ()=>toRefs, | |
track: ()=>track, | |
trigger: ()=>trigger, | |
triggerRef: ()=>triggerRef, | |
unref: ()=>unref | |
}); | |
const _shared = __webpack_require__(/*! @vue/shared */ "./node_modules/.pnpm/@vue+shared@3.2.45/node_modules/@vue/shared/dist/shared.esm-bundler.js"); | |
function warn(msg, ...args) { | |
console.warn(`[Vue warn] ${msg}`, ...args); | |
} | |
let activeEffectScope; | |
class EffectScope { | |
constructor(detached = false){ | |
this.detached = detached; | |
/** | |
* @internal | |
*/ this.active = true; | |
/** | |
* @internal | |
*/ this.effects = []; | |
/** | |
* @internal | |
*/ this.cleanups = []; | |
this.parent = activeEffectScope; | |
if (!detached && activeEffectScope) { | |
this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1; | |
} | |
} | |
run(fn) { | |
if (this.active) { | |
const currentEffectScope = activeEffectScope; | |
try { | |
activeEffectScope = this; | |
return fn(); | |
} finally{ | |
activeEffectScope = currentEffectScope; | |
} | |
} else if (true) { | |
warn(`cannot run an inactive effect scope.`); | |
} | |
} | |
/** | |
* This should only be called on non-detached scopes | |
* @internal | |
*/ on() { | |
activeEffectScope = this; | |
} | |
/** | |
* This should only be called on non-detached scopes | |
* @internal | |
*/ off() { | |
activeEffectScope = this.parent; | |
} | |
stop(fromParent) { | |
if (this.active) { | |
let i, l; | |
for(i = 0, l = this.effects.length; i < l; i++){ | |
this.effects[i].stop(); | |
} | |
for(i = 0, l = this.cleanups.length; i < l; i++){ | |
this.cleanups[i](); | |
} | |
if (this.scopes) { | |
for(i = 0, l = this.scopes.length; i < l; i++){ | |
this.scopes[i].stop(true); | |
} | |
} | |
// nested scope, dereference from parent to avoid memory leaks | |
if (!this.detached && this.parent && !fromParent) { | |
// optimized O(1) removal | |
const last = this.parent.scopes.pop(); | |
if (last && last !== this) { | |
this.parent.scopes[this.index] = last; | |
last.index = this.index; | |
} | |
} | |
this.parent = undefined; | |
this.active = false; | |
} | |
} | |
} | |
function effectScope(detached) { | |
return new EffectScope(detached); | |
} | |
function recordEffectScope(effect, scope = activeEffectScope) { | |
if (scope && scope.active) { | |
scope.effects.push(effect); | |
} | |
} | |
function getCurrentScope() { | |
return activeEffectScope; | |
} | |
function onScopeDispose(fn) { | |
if (activeEffectScope) { | |
activeEffectScope.cleanups.push(fn); | |
} else if (true) { | |
warn(`onScopeDispose() is called when there is no active effect scope` + ` to be associated with.`); | |
} | |
} | |
const createDep = (effects)=>{ | |
const dep = new Set(effects); | |
dep.w = 0; | |
dep.n = 0; | |
return dep; | |
}; | |
const wasTracked = (dep)=>(dep.w & trackOpBit) > 0; | |
const newTracked = (dep)=>(dep.n & trackOpBit) > 0; | |
const initDepMarkers = ({ deps })=>{ | |
if (deps.length) { | |
for(let i = 0; i < deps.length; i++){ | |
deps[i].w |= trackOpBit; // set was tracked | |
} | |
} | |
}; | |
const finalizeDepMarkers = (effect)=>{ | |
const { deps } = effect; | |
if (deps.length) { | |
let ptr = 0; | |
for(let i = 0; i < deps.length; i++){ | |
const dep = deps[i]; | |
if (wasTracked(dep) && !newTracked(dep)) { | |
dep.delete(effect); | |
} else { | |
deps[ptr++] = dep; | |
} | |
// clear bits | |
dep.w &= ~trackOpBit; | |
dep.n &= ~trackOpBit; | |
} | |
deps.length = ptr; | |
} | |
}; | |
const targetMap = new WeakMap(); | |
// The number of effects currently being tracked recursively. | |
let effectTrackDepth = 0; | |
let trackOpBit = 1; | |
/** | |
* The bitwise track markers support at most 30 levels of recursion. | |
* This value is chosen to enable modern JS engines to use a SMI on all platforms. | |
* When recursion depth is greater, fall back to using a full cleanup. | |
*/ const maxMarkerBits = 30; | |
let activeEffect; | |
const ITERATE_KEY = Symbol( true ? "iterate" : 0); | |
const MAP_KEY_ITERATE_KEY = Symbol( true ? "Map key iterate" : 0); | |
class ReactiveEffect { | |
constructor(fn, scheduler = null, scope){ | |
this.fn = fn; | |
this.scheduler = scheduler; | |
this.active = true; | |
this.deps = []; | |
this.parent = undefined; | |
recordEffectScope(this, scope); | |
} | |
run() { | |
if (!this.active) { | |
return this.fn(); | |
} | |
let parent = activeEffect; | |
let lastShouldTrack = shouldTrack; | |
while(parent){ | |
if (parent === this) { | |
return; | |
} | |
parent = parent.parent; | |
} | |
try { | |
this.parent = activeEffect; | |
activeEffect = this; | |
shouldTrack = true; | |
trackOpBit = 1 << ++effectTrackDepth; | |
if (effectTrackDepth <= maxMarkerBits) { | |
initDepMarkers(this); | |
} else { | |
cleanupEffect(this); | |
} | |
return this.fn(); | |
} finally{ | |
if (effectTrackDepth <= maxMarkerBits) { | |
finalizeDepMarkers(this); | |
} | |
trackOpBit = 1 << --effectTrackDepth; | |
activeEffect = this.parent; | |
shouldTrack = lastShouldTrack; | |
this.parent = undefined; | |
if (this.deferStop) { | |
this.stop(); | |
} | |
} | |
} | |
stop() { | |
// stopped while running itself - defer the cleanup | |
if (activeEffect === this) { | |
this.deferStop = true; | |
} else if (this.active) { | |
cleanupEffect(this); | |
if (this.onStop) { | |
this.onStop(); | |
} | |
this.active = false; | |
} | |
} | |
} | |
function cleanupEffect(effect) { | |
const { deps } = effect; | |
if (deps.length) { | |
for(let i = 0; i < deps.length; i++){ | |
deps[i].delete(effect); | |
} | |
deps.length = 0; | |
} | |
} | |
function effect(fn, options) { | |
if (fn.effect) { | |
fn = fn.effect.fn; | |
} | |
const _effect = new ReactiveEffect(fn); | |
if (options) { | |
(0, _shared.extend)(_effect, options); | |
if (options.scope) recordEffectScope(_effect, options.scope); | |
} | |
if (!options || !options.lazy) { | |
_effect.run(); | |
} | |
const runner = _effect.run.bind(_effect); | |
runner.effect = _effect; | |
return runner; | |
} | |
function stop(runner) { | |
runner.effect.stop(); | |
} | |
let shouldTrack = true; | |
const trackStack = []; | |
function pauseTracking() { | |
trackStack.push(shouldTrack); | |
shouldTrack = false; | |
} | |
function enableTracking() { | |
trackStack.push(shouldTrack); | |
shouldTrack = true; | |
} | |
function resetTracking() { | |
const last = trackStack.pop(); | |
shouldTrack = last === undefined ? true : last; | |
} | |
function track(target, type, key) { | |
if (shouldTrack && activeEffect) { | |
let depsMap = targetMap.get(target); | |
if (!depsMap) { | |
targetMap.set(target, depsMap = new Map()); | |
} | |
let dep = depsMap.get(key); | |
if (!dep) { | |
depsMap.set(key, dep = createDep()); | |
} | |
const eventInfo = true ? { | |
effect: activeEffect, | |
target, | |
type, | |
key | |
} : 0; | |
trackEffects(dep, eventInfo); | |
} | |
} | |
function trackEffects(dep, debuggerEventExtraInfo) { | |
let shouldTrack = false; | |
if (effectTrackDepth <= maxMarkerBits) { | |
if (!newTracked(dep)) { | |
dep.n |= trackOpBit; // set newly tracked | |
shouldTrack = !wasTracked(dep); | |
} | |
} else { | |
// Full cleanup mode. | |
shouldTrack = !dep.has(activeEffect); | |
} | |
if (shouldTrack) { | |
dep.add(activeEffect); | |
activeEffect.deps.push(dep); | |
if ( true && activeEffect.onTrack) { | |
activeEffect.onTrack(Object.assign({ | |
effect: activeEffect | |
}, debuggerEventExtraInfo)); | |
} | |
} | |
} | |
function trigger(target, type, key, newValue, oldValue, oldTarget) { | |
const depsMap = targetMap.get(target); | |
if (!depsMap) { | |
// never been tracked | |
return; | |
} | |
let deps = []; | |
if (type === "clear" /* TriggerOpTypes.CLEAR */ ) { | |
// collection being cleared | |
// trigger all effects for target | |
deps = [ | |
...depsMap.values() | |
]; | |
} else if (key === "length" && (0, _shared.isArray)(target)) { | |
const newLength = (0, _shared.toNumber)(newValue); | |
depsMap.forEach((dep, key)=>{ | |
if (key === "length" || key >= newLength) { | |
deps.push(dep); | |
} | |
}); | |
} else { | |
// schedule runs for SET | ADD | DELETE | |
if (key !== void 0) { | |
deps.push(depsMap.get(key)); | |
} | |
// also run for iteration key on ADD | DELETE | Map.SET | |
switch(type){ | |
case "add" /* TriggerOpTypes.ADD */ : | |
if (!(0, _shared.isArray)(target)) { | |
deps.push(depsMap.get(ITERATE_KEY)); | |
if ((0, _shared.isMap)(target)) { | |
deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); | |
} | |
} else if ((0, _shared.isIntegerKey)(key)) { | |
// new index added to array -> length changes | |
deps.push(depsMap.get("length")); | |
} | |
break; | |
case "delete" /* TriggerOpTypes.DELETE */ : | |
if (!(0, _shared.isArray)(target)) { | |
deps.push(depsMap.get(ITERATE_KEY)); | |
if ((0, _shared.isMap)(target)) { | |
deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); | |
} | |
} | |
break; | |
case "set" /* TriggerOpTypes.SET */ : | |
if ((0, _shared.isMap)(target)) { | |
deps.push(depsMap.get(ITERATE_KEY)); | |
} | |
break; | |
} | |
} | |
const eventInfo = true ? { | |
target, | |
type, | |
key, | |
newValue, | |
oldValue, | |
oldTarget | |
} : 0; | |
if (deps.length === 1) { | |
if (deps[0]) { | |
if (true) { | |
triggerEffects(deps[0], eventInfo); | |
} else {} | |
} | |
} else { | |
const effects = []; | |
for (const dep of deps){ | |
if (dep) { | |
effects.push(...dep); | |
} | |
} | |
if (true) { | |
triggerEffects(createDep(effects), eventInfo); | |
} else {} | |
} | |
} | |
function triggerEffects(dep, debuggerEventExtraInfo) { | |
// spread into array for stabilization | |
const effects = (0, _shared.isArray)(dep) ? dep : [ | |
...dep | |
]; | |
for (const effect of effects){ | |
if (effect.computed) { | |
triggerEffect(effect, debuggerEventExtraInfo); | |
} | |
} | |
for (const effect1 of effects){ | |
if (!effect1.computed) { | |
triggerEffect(effect1, debuggerEventExtraInfo); | |
} | |
} | |
} | |
function triggerEffect(effect, debuggerEventExtraInfo) { | |
if (effect !== activeEffect || effect.allowRecurse) { | |
if ( true && effect.onTrigger) { | |
effect.onTrigger((0, _shared.extend)({ | |
effect | |
}, debuggerEventExtraInfo)); | |
} | |
if (effect.scheduler) { | |
effect.scheduler(); | |
} else { | |
effect.run(); | |
} | |
} | |
} | |
const isNonTrackableKeys = /*#__PURE__*/ (0, _shared.makeMap)(`__proto__,__v_isRef,__isVue`); | |
const builtInSymbols = new Set(/*#__PURE__*/ Object.getOwnPropertyNames(Symbol)// ios10.x Object.getOwnPropertyNames(Symbol) can enumerate 'arguments' and 'caller' | |
// but accessing them on Symbol leads to TypeError because Symbol is a strict mode | |
// function | |
.filter((key)=>key !== "arguments" && key !== "caller").map((key)=>Symbol[key]).filter(_shared.isSymbol)); | |
const get = /*#__PURE__*/ createGetter(); | |
const shallowGet = /*#__PURE__*/ createGetter(false, true); | |
const readonlyGet = /*#__PURE__*/ createGetter(true); | |
const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true); | |
const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations(); | |
function createArrayInstrumentations() { | |
const instrumentations = {}; | |
[ | |
"includes", | |
"indexOf", | |
"lastIndexOf" | |
].forEach((key)=>{ | |
instrumentations[key] = function(...args) { | |
const arr = toRaw(this); | |
for(let i = 0, l = this.length; i < l; i++){ | |
track(arr, "get" /* TrackOpTypes.GET */ , i + ""); | |
} | |
// we run the method using the original args first (which may be reactive) | |
const res = arr[key](...args); | |
if (res === -1 || res === false) { | |
// if that didn't work, run it again using raw values. | |
return arr[key](...args.map(toRaw)); | |
} else { | |
return res; | |
} | |
}; | |
}); | |
[ | |
"push", | |
"pop", | |
"shift", | |
"unshift", | |
"splice" | |
].forEach((key)=>{ | |
instrumentations[key] = function(...args) { | |
pauseTracking(); | |
const res = toRaw(this)[key].apply(this, args); | |
resetTracking(); | |
return res; | |
}; | |
}); | |
return instrumentations; | |
} | |
function createGetter(isReadonly = false, shallow = false) { | |
return function get(target, key, receiver) { | |
if (key === "__v_isReactive" /* ReactiveFlags.IS_REACTIVE */ ) { | |
return !isReadonly; | |
} else if (key === "__v_isReadonly" /* ReactiveFlags.IS_READONLY */ ) { | |
return isReadonly; | |
} else if (key === "__v_isShallow" /* ReactiveFlags.IS_SHALLOW */ ) { | |
return shallow; | |
} else if (key === "__v_raw" /* ReactiveFlags.RAW */ && receiver === (isReadonly ? shallow ? shallowReadonlyMap : readonlyMap : shallow ? shallowReactiveMap : reactiveMap).get(target)) { | |
return target; | |
} | |
const targetIsArray = (0, _shared.isArray)(target); | |
if (!isReadonly && targetIsArray && (0, _shared.hasOwn)(arrayInstrumentations, key)) { | |
return Reflect.get(arrayInstrumentations, key, receiver); | |
} | |
const res = Reflect.get(target, key, receiver); | |
if ((0, _shared.isSymbol)(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) { | |
return res; | |
} | |
if (!isReadonly) { | |
track(target, "get" /* TrackOpTypes.GET */ , key); | |
} | |
if (shallow) { | |
return res; | |
} | |
if (isRef(res)) { | |
// ref unwrapping - skip unwrap for Array + integer key. | |
return targetIsArray && (0, _shared.isIntegerKey)(key) ? res : res.value; | |
} | |
if ((0, _shared.isObject)(res)) { | |
// Convert returned value into a proxy as well. we do the isObject check | |
// here to avoid invalid value warning. Also need to lazy access readonly | |
// and reactive here to avoid circular dependency. | |
return isReadonly ? readonly(res) : reactive(res); | |
} | |
return res; | |
}; | |
} | |
const set = /*#__PURE__*/ createSetter(); | |
const shallowSet = /*#__PURE__*/ createSetter(true); | |
function createSetter(shallow = false) { | |
return function set(target, key, value, receiver) { | |
let oldValue = target[key]; | |
if (isReadonly(oldValue) && isRef(oldValue) && !isRef(value)) { | |
return false; | |
} | |
if (!shallow) { | |
if (!isShallow(value) && !isReadonly(value)) { | |
oldValue = toRaw(oldValue); | |
value = toRaw(value); | |
} | |
if (!(0, _shared.isArray)(target) && isRef(oldValue) && !isRef(value)) { | |
oldValue.value = value; | |
return true; | |
} | |
} | |
const hadKey = (0, _shared.isArray)(target) && (0, _shared.isIntegerKey)(key) ? Number(key) < target.length : (0, _shared.hasOwn)(target, key); | |
const result = Reflect.set(target, key, value, receiver); | |
// don't trigger if target is something up in the prototype chain of original | |
if (target === toRaw(receiver)) { | |
if (!hadKey) { | |
trigger(target, "add" /* TriggerOpTypes.ADD */ , key, value); | |
} else if ((0, _shared.hasChanged)(value, oldValue)) { | |
trigger(target, "set" /* TriggerOpTypes.SET */ , key, value, oldValue); | |
} | |
} | |
return result; | |
}; | |
} | |
function deleteProperty(target, key) { | |
const hadKey = (0, _shared.hasOwn)(target, key); | |
const oldValue = target[key]; | |
const result = Reflect.deleteProperty(target, key); | |
if (result && hadKey) { | |
trigger(target, "delete" /* TriggerOpTypes.DELETE */ , key, undefined, oldValue); | |
} | |
return result; | |
} | |
function has(target, key) { | |
const result = Reflect.has(target, key); | |
if (!(0, _shared.isSymbol)(key) || !builtInSymbols.has(key)) { | |
track(target, "has" /* TrackOpTypes.HAS */ , key); | |
} | |
return result; | |
} | |
function ownKeys(target) { | |
track(target, "iterate" /* TrackOpTypes.ITERATE */ , (0, _shared.isArray)(target) ? "length" : ITERATE_KEY); | |
return Reflect.ownKeys(target); | |
} | |
const mutableHandlers = { | |
get, | |
set, | |
deleteProperty, | |
has, | |
ownKeys | |
}; | |
const readonlyHandlers = { | |
get: readonlyGet, | |
set (target, key) { | |
if (true) { | |
warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target); | |
} | |
return true; | |
}, | |
deleteProperty (target, key) { | |
if (true) { | |
warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target); | |
} | |
return true; | |
} | |
}; | |
const shallowReactiveHandlers = /*#__PURE__*/ (0, _shared.extend)({}, mutableHandlers, { | |
get: shallowGet, | |
set: shallowSet | |
}); | |
// Props handlers are special in the sense that it should not unwrap top-level | |
// refs (in order to allow refs to be explicitly passed down), but should | |
// retain the reactivity of the normal readonly object. | |
const shallowReadonlyHandlers = /*#__PURE__*/ (0, _shared.extend)({}, readonlyHandlers, { | |
get: shallowReadonlyGet | |
}); | |
const toShallow = (value)=>value; | |
const getProto = (v)=>Reflect.getPrototypeOf(v); | |
function get$1(target, key, isReadonly = false, isShallow = false) { | |
// #1772: readonly(reactive(Map)) should return readonly + reactive version | |
// of the value | |
target = target["__v_raw" /* ReactiveFlags.RAW */ ]; | |
const rawTarget = toRaw(target); | |
const rawKey = toRaw(key); | |
if (!isReadonly) { | |
if (key !== rawKey) { | |
track(rawTarget, "get" /* TrackOpTypes.GET */ , key); | |
} | |
track(rawTarget, "get" /* TrackOpTypes.GET */ , rawKey); | |
} | |
const { has } = getProto(rawTarget); | |
const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; | |
if (has.call(rawTarget, key)) { | |
return wrap(target.get(key)); | |
} else if (has.call(rawTarget, rawKey)) { | |
return wrap(target.get(rawKey)); | |
} else if (target !== rawTarget) { | |
// #3602 readonly(reactive(Map)) | |
// ensure that the nested reactive `Map` can do tracking for itself | |
target.get(key); | |
} | |
} | |
function has$1(key, isReadonly = false) { | |
const target = this["__v_raw" /* ReactiveFlags.RAW */ ]; | |
const rawTarget = toRaw(target); | |
const rawKey = toRaw(key); | |
if (!isReadonly) { | |
if (key !== rawKey) { | |
track(rawTarget, "has" /* TrackOpTypes.HAS */ , key); | |
} | |
track(rawTarget, "has" /* TrackOpTypes.HAS */ , rawKey); | |
} | |
return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey); | |
} | |
function size(target, isReadonly = false) { | |
target = target["__v_raw" /* ReactiveFlags.RAW */ ]; | |
!isReadonly && track(toRaw(target), "iterate" /* TrackOpTypes.ITERATE */ , ITERATE_KEY); | |
return Reflect.get(target, "size", target); | |
} | |
function add(value) { | |
value = toRaw(value); | |
const target = toRaw(this); | |
const proto = getProto(target); | |
const hadKey = proto.has.call(target, value); | |
if (!hadKey) { | |
target.add(value); | |
trigger(target, "add" /* TriggerOpTypes.ADD */ , value, value); | |
} | |
return this; | |
} | |
function set$1(key, value) { | |
value = toRaw(value); | |
const target = toRaw(this); | |
const { has , get } = getProto(target); | |
let hadKey = has.call(target, key); | |
if (!hadKey) { | |
key = toRaw(key); | |
hadKey = has.call(target, key); | |
} else if (true) { | |
checkIdentityKeys(target, has, key); | |
} | |
const oldValue = get.call(target, key); | |
target.set(key, value); | |
if (!hadKey) { | |
trigger(target, "add" /* TriggerOpTypes.ADD */ , key, value); | |
} else if ((0, _shared.hasChanged)(value, oldValue)) { | |
trigger(target, "set" /* TriggerOpTypes.SET */ , key, value, oldValue); | |
} | |
return this; | |
} | |
function deleteEntry(key) { | |
const target = toRaw(this); | |
const { has , get } = getProto(target); | |
let hadKey = has.call(target, key); | |
if (!hadKey) { | |
key = toRaw(key); | |
hadKey = has.call(target, key); | |
} else if (true) { | |
checkIdentityKeys(target, has, key); | |
} | |
const oldValue = get ? get.call(target, key) : undefined; | |
// forward the operation before queueing reactions | |
const result = target.delete(key); | |
if (hadKey) { | |
trigger(target, "delete" /* TriggerOpTypes.DELETE */ , key, undefined, oldValue); | |
} | |
return result; | |
} | |
function clear() { | |
const target = toRaw(this); | |
const hadItems = target.size !== 0; | |
const oldTarget = true ? (0, _shared.isMap)(target) ? new Map(target) : new Set(target) : 0; | |
// forward the operation before queueing reactions | |
const result = target.clear(); | |
if (hadItems) { | |
trigger(target, "clear" /* TriggerOpTypes.CLEAR */ , undefined, undefined, oldTarget); | |
} | |
return result; | |
} | |
function createForEach(isReadonly, isShallow) { | |
return function forEach(callback, thisArg) { | |
const observed = this; | |
const target = observed["__v_raw" /* ReactiveFlags.RAW */ ]; | |
const rawTarget = toRaw(target); | |
const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; | |
!isReadonly && track(rawTarget, "iterate" /* TrackOpTypes.ITERATE */ , ITERATE_KEY); | |
return target.forEach((value, key)=>{ | |
// important: make sure the callback is | |
// 1. invoked with the reactive map as `this` and 3rd arg | |
// 2. the value received should be a corresponding reactive/readonly. | |
return callback.call(thisArg, wrap(value), wrap(key), observed); | |
}); | |
}; | |
} | |
function createIterableMethod(method, isReadonly, isShallow) { | |
return function(...args) { | |
const target = this["__v_raw" /* ReactiveFlags.RAW */ ]; | |
const rawTarget = toRaw(target); | |
const targetIsMap = (0, _shared.isMap)(rawTarget); | |
const isPair = method === "entries" || method === Symbol.iterator && targetIsMap; | |
const isKeyOnly = method === "keys" && targetIsMap; | |
const innerIterator = target[method](...args); | |
const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; | |
!isReadonly && track(rawTarget, "iterate" /* TrackOpTypes.ITERATE */ , isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY); | |
// return a wrapped iterator which returns observed versions of the | |
// values emitted from the real iterator | |
return { | |
// iterator protocol | |
next () { | |
const { value , done } = innerIterator.next(); | |
return done ? { | |
value, | |
done | |
} : { | |
value: isPair ? [ | |
wrap(value[0]), | |
wrap(value[1]) | |
] : wrap(value), | |
done | |
}; | |
}, | |
// iterable protocol | |
[Symbol.iterator] () { | |
return this; | |
} | |
}; | |
}; | |
} | |
function createReadonlyMethod(type) { | |
return function(...args) { | |
if (true) { | |
const key = args[0] ? `on key "${args[0]}" ` : ``; | |
console.warn(`${(0, _shared.capitalize)(type)} operation ${key}failed: target is readonly.`, toRaw(this)); | |
} | |
return type === "delete" /* TriggerOpTypes.DELETE */ ? false : this; | |
}; | |
} | |
function createInstrumentations() { | |
const mutableInstrumentations = { | |
get (key) { | |
return get$1(this, key); | |
}, | |
get size () { | |
return size(this); | |
}, | |
has: has$1, | |
add, | |
set: set$1, | |
delete: deleteEntry, | |
clear, | |
forEach: createForEach(false, false) | |
}; | |
const shallowInstrumentations = { | |
get (key) { | |
return get$1(this, key, false, true); | |
}, | |
get size () { | |
return size(this); | |
}, | |
has: has$1, | |
add, | |
set: set$1, | |
delete: deleteEntry, | |
clear, | |
forEach: createForEach(false, true) | |
}; | |
const readonlyInstrumentations = { | |
get (key) { | |
return get$1(this, key, true); | |
}, | |
get size () { | |
return size(this, true); | |
}, | |
has (key) { | |
return has$1.call(this, key, true); | |
}, | |
add: createReadonlyMethod("add" /* TriggerOpTypes.ADD */ ), | |
set: createReadonlyMethod("set" /* TriggerOpTypes.SET */ ), | |
delete: createReadonlyMethod("delete" /* TriggerOpTypes.DELETE */ ), | |
clear: createReadonlyMethod("clear" /* TriggerOpTypes.CLEAR */ ), | |
forEach: createForEach(true, false) | |
}; | |
const shallowReadonlyInstrumentations = { | |
get (key) { | |
return get$1(this, key, true, true); | |
}, | |
get size () { | |
return size(this, true); | |
}, | |
has (key) { | |
return has$1.call(this, key, true); | |
}, | |
add: createReadonlyMethod("add" /* TriggerOpTypes.ADD */ ), | |
set: createReadonlyMethod("set" /* TriggerOpTypes.SET */ ), | |
delete: createReadonlyMethod("delete" /* TriggerOpTypes.DELETE */ ), | |
clear: createReadonlyMethod("clear" /* TriggerOpTypes.CLEAR */ ), | |
forEach: createForEach(true, true) | |
}; | |
const iteratorMethods = [ | |
"keys", | |
"values", | |
"entries", | |
Symbol.iterator | |
]; | |
iteratorMethods.forEach((method)=>{ | |
mutableInstrumentations[method] = createIterableMethod(method, false, false); | |
readonlyInstrumentations[method] = createIterableMethod(method, true, false); | |
shallowInstrumentations[method] = createIterableMethod(method, false, true); | |
shallowReadonlyInstrumentations[method] = createIterableMethod(method, true, true); | |
}); | |
return [ | |
mutableInstrumentations, | |
readonlyInstrumentations, | |
shallowInstrumentations, | |
shallowReadonlyInstrumentations | |
]; | |
} | |
const [mutableInstrumentations, readonlyInstrumentations, shallowInstrumentations, shallowReadonlyInstrumentations] = /* #__PURE__*/ createInstrumentations(); | |
function createInstrumentationGetter(isReadonly, shallow) { | |
const instrumentations = shallow ? isReadonly ? shallowReadonlyInstrumentations : shallowInstrumentations : isReadonly ? readonlyInstrumentations : mutableInstrumentations; | |
return (target, key, receiver)=>{ | |
if (key === "__v_isReactive" /* ReactiveFlags.IS_REACTIVE */ ) { | |
return !isReadonly; | |
} else if (key === "__v_isReadonly" /* ReactiveFlags.IS_READONLY */ ) { | |
return isReadonly; | |
} else if (key === "__v_raw" /* ReactiveFlags.RAW */ ) { | |
return target; | |
} | |
return Reflect.get((0, _shared.hasOwn)(instrumentations, key) && key in target ? instrumentations : target, key, receiver); | |
}; | |
} | |
const mutableCollectionHandlers = { | |
get: /*#__PURE__*/ createInstrumentationGetter(false, false) | |
}; | |
const shallowCollectionHandlers = { | |
get: /*#__PURE__*/ createInstrumentationGetter(false, true) | |
}; | |
const readonlyCollectionHandlers = { | |
get: /*#__PURE__*/ createInstrumentationGetter(true, false) | |
}; | |
const shallowReadonlyCollectionHandlers = { | |
get: /*#__PURE__*/ createInstrumentationGetter(true, true) | |
}; | |
function checkIdentityKeys(target, has, key) { | |
const rawKey = toRaw(key); | |
if (rawKey !== key && has.call(target, rawKey)) { | |
const type = (0, _shared.toRawType)(target); | |
console.warn(`Reactive ${type} contains both the raw and reactive ` + `versions of the same object${type === `Map` ? ` as keys` : ``}, ` + `which can lead to inconsistencies. ` + `Avoid differentiating between the raw and reactive versions ` + `of an object and only use the reactive version if possible.`); | |
} | |
} | |
const reactiveMap = new WeakMap(); | |
const shallowReactiveMap = new WeakMap(); | |
const readonlyMap = new WeakMap(); | |
const shallowReadonlyMap = new WeakMap(); | |
function targetTypeMap(rawType) { | |
switch(rawType){ | |
case "Object": | |
case "Array": | |
return 1 /* TargetType.COMMON */ ; | |
case "Map": | |
case "Set": | |
case "WeakMap": | |
case "WeakSet": | |
return 2 /* TargetType.COLLECTION */ ; | |
default: | |
return 0 /* TargetType.INVALID */ ; | |
} | |
} | |
function getTargetType(value) { | |
return value["__v_skip" /* ReactiveFlags.SKIP */ ] || !Object.isExtensible(value) ? 0 /* TargetType.INVALID */ : targetTypeMap((0, _shared.toRawType)(value)); | |
} | |
function reactive(target) { | |
// if trying to observe a readonly proxy, return the readonly version. | |
if (isReadonly(target)) { | |
return target; | |
} | |
return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap); | |
} | |
/** | |
* Return a shallowly-reactive copy of the original object, where only the root | |
* level properties are reactive. It also does not auto-unwrap refs (even at the | |
* root level). | |
*/ function shallowReactive(target) { | |
return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap); | |
} | |
/** | |
* Creates a readonly copy of the original object. Note the returned copy is not | |
* made reactive, but `readonly` can be called on an already reactive object. | |
*/ function readonly(target) { | |
return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap); | |
} | |
/** | |
* Returns a reactive-copy of the original object, where only the root level | |
* properties are readonly, and does NOT unwrap refs nor recursively convert | |
* returned properties. | |
* This is used for creating the props proxy object for stateful components. | |
*/ function shallowReadonly(target) { | |
return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap); | |
} | |
function createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers, proxyMap) { | |
if (!(0, _shared.isObject)(target)) { | |
if (true) { | |
console.warn(`value cannot be made reactive: ${String(target)}`); | |
} | |
return target; | |
} | |
// target is already a Proxy, return it. | |
// exception: calling readonly() on a reactive object | |
if (target["__v_raw" /* ReactiveFlags.RAW */ ] && !(isReadonly && target["__v_isReactive" /* ReactiveFlags.IS_REACTIVE */ ])) { | |
return target; | |
} | |
// target already has corresponding Proxy | |
const existingProxy = proxyMap.get(target); | |
if (existingProxy) { | |
return existingProxy; | |
} | |
// only specific value types can be observed. | |
const targetType = getTargetType(target); | |
if (targetType === 0 /* TargetType.INVALID */ ) { | |
return target; | |
} | |
const proxy = new Proxy(target, targetType === 2 /* TargetType.COLLECTION */ ? collectionHandlers : baseHandlers); | |
proxyMap.set(target, proxy); | |
return proxy; | |
} | |
function isReactive(value) { | |
if (isReadonly(value)) { | |
return isReactive(value["__v_raw" /* ReactiveFlags.RAW */ ]); | |
} | |
return !!(value && value["__v_isReactive" /* ReactiveFlags.IS_REACTIVE */ ]); | |
} | |
function isReadonly(value) { | |
return !!(value && value["__v_isReadonly" /* ReactiveFlags.IS_READONLY */ ]); | |
} | |
function isShallow(value) { | |
return !!(value && value["__v_isShallow" /* ReactiveFlags.IS_SHALLOW */ ]); | |
} | |
function isProxy(value) { | |
return isReactive(value) || isReadonly(value); | |
} | |
function toRaw(observed) { | |
const raw = observed && observed["__v_raw" /* ReactiveFlags.RAW */ ]; | |
return raw ? toRaw(raw) : observed; | |
} | |
function markRaw(value) { | |
(0, _shared.def)(value, "__v_skip" /* ReactiveFlags.SKIP */ , true); | |
return value; | |
} | |
const toReactive = (value)=>(0, _shared.isObject)(value) ? reactive(value) : value; | |
const toReadonly = (value)=>(0, _shared.isObject)(value) ? readonly(value) : value; | |
function trackRefValue(ref) { | |
if (shouldTrack && activeEffect) { | |
ref = toRaw(ref); | |
if (true) { | |
trackEffects(ref.dep || (ref.dep = createDep()), { | |
target: ref, | |
type: "get" /* TrackOpTypes.GET */ , | |
key: "value" | |
}); | |
} else {} | |
} | |
} | |
function triggerRefValue(ref, newVal) { | |
ref = toRaw(ref); | |
if (ref.dep) { | |
if (true) { | |
triggerEffects(ref.dep, { | |
target: ref, | |
type: "set" /* TriggerOpTypes.SET */ , | |
key: "value", | |
newValue: newVal | |
}); | |
} else {} | |
} | |
} | |
function isRef(r) { | |
return !!(r && r.__v_isRef === true); | |
} | |
function ref(value) { | |
return createRef(value, false); | |
} | |
function shallowRef(value) { | |
return createRef(value, true); | |
} | |
function createRef(rawValue, shallow) { | |
if (isRef(rawValue)) { | |
return rawValue; | |
} | |
return new RefImpl(rawValue, shallow); | |
} | |
class RefImpl { | |
constructor(value, __v_isShallow){ | |
this.__v_isShallow = __v_isShallow; | |
this.dep = undefined; | |
this.__v_isRef = true; | |
this._rawValue = __v_isShallow ? value : toRaw(value); | |
this._value = __v_isShallow ? value : toReactive(value); | |
} | |
get value() { | |
trackRefValue(this); | |
return this._value; | |
} | |
set value(newVal) { | |
const useDirectValue = this.__v_isShallow || isShallow(newVal) || isReadonly(newVal); | |
newVal = useDirectValue ? newVal : toRaw(newVal); | |
if ((0, _shared.hasChanged)(newVal, this._rawValue)) { | |
this._rawValue = newVal; | |
this._value = useDirectValue ? newVal : toReactive(newVal); | |
triggerRefValue(this, newVal); | |
} | |
} | |
} | |
function triggerRef(ref) { | |
triggerRefValue(ref, true ? ref.value : 0); | |
} | |
function unref(ref) { | |
return isRef(ref) ? ref.value : ref; | |
} | |
const shallowUnwrapHandlers = { | |
get: (target, key, receiver)=>unref(Reflect.get(target, key, receiver)), | |
set: (target, key, value, receiver)=>{ | |
const oldValue = target[key]; | |
if (isRef(oldValue) && !isRef(value)) { | |
oldValue.value = value; | |
return true; | |
} else { | |
return Reflect.set(target, key, value, receiver); | |
} | |
} | |
}; | |
function proxyRefs(objectWithRefs) { | |
return isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers); | |
} | |
class CustomRefImpl { | |
constructor(factory){ | |
this.dep = undefined; | |
this.__v_isRef = true; | |
const { get , set } = factory(()=>trackRefValue(this), ()=>triggerRefValue(this)); | |
this._get = get; | |
this._set = set; | |
} | |
get value() { | |
return this._get(); | |
} | |
set value(newVal) { | |
this._set(newVal); | |
} | |
} | |
function customRef(factory) { | |
return new CustomRefImpl(factory); | |
} | |
function toRefs(object) { | |
if ( true && !isProxy(object)) { | |
console.warn(`toRefs() expects a reactive object but received a plain one.`); | |
} | |
const ret = (0, _shared.isArray)(object) ? new Array(object.length) : {}; | |
for(const key in object){ | |
ret[key] = toRef(object, key); | |
} | |
return ret; | |
} | |
class ObjectRefImpl { | |
constructor(_object, _key, _defaultValue){ | |
this._object = _object; | |
this._key = _key; | |
this._defaultValue = _defaultValue; | |
this.__v_isRef = true; | |
} | |
get value() { | |
const val = this._object[this._key]; | |
return val === undefined ? this._defaultValue : val; | |
} | |
set value(newVal) { | |
this._object[this._key] = newVal; | |
} | |
} | |
function toRef(object, key, defaultValue) { | |
const val = object[key]; | |
return isRef(val) ? val : new ObjectRefImpl(object, key, defaultValue); | |
} | |
var _a; | |
class ComputedRefImpl { | |
constructor(getter, _setter, isReadonly, isSSR){ | |
this._setter = _setter; | |
this.dep = undefined; | |
this.__v_isRef = true; | |
this[_a] = false; | |
this._dirty = true; | |
this.effect = new ReactiveEffect(getter, ()=>{ | |
if (!this._dirty) { | |
this._dirty = true; | |
triggerRefValue(this); | |
} | |
}); | |
this.effect.computed = this; | |
this.effect.active = this._cacheable = !isSSR; | |
this["__v_isReadonly" /* ReactiveFlags.IS_READONLY */ ] = isReadonly; | |
} | |
get value() { | |
// the computed ref may get wrapped by other proxies e.g. readonly() #3376 | |
const self = toRaw(this); | |
trackRefValue(self); | |
if (self._dirty || !self._cacheable) { | |
self._dirty = false; | |
self._value = self.effect.run(); | |
} | |
return self._value; | |
} | |
set value(newValue) { | |
this._setter(newValue); | |
} | |
} | |
_a = "__v_isReadonly" /* ReactiveFlags.IS_READONLY */ ; | |
function computed(getterOrOptions, debugOptions, isSSR = false) { | |
let getter; | |
let setter; | |
const onlyGetter = (0, _shared.isFunction)(getterOrOptions); | |
if (onlyGetter) { | |
getter = getterOrOptions; | |
setter = true ? ()=>{ | |
console.warn("Write operation failed: computed value is readonly"); | |
} : 0; | |
} else { | |
getter = getterOrOptions.get; | |
setter = getterOrOptions.set; | |
} | |
const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter, isSSR); | |
if ( true && debugOptions && !isSSR) { | |
cRef.effect.onTrack = debugOptions.onTrack; | |
cRef.effect.onTrigger = debugOptions.onTrigger; | |
} | |
return cRef; | |
} | |
var _a$1; | |
const tick = /*#__PURE__*/ Promise.resolve(); | |
const queue = []; | |
let queued = false; | |
const scheduler = (fn)=>{ | |
queue.push(fn); | |
if (!queued) { | |
queued = true; | |
tick.then(flush); | |
} | |
}; | |
const flush = ()=>{ | |
for(let i = 0; i < queue.length; i++){ | |
queue[i](); | |
} | |
queue.length = 0; | |
queued = false; | |
}; | |
class DeferredComputedRefImpl { | |
constructor(getter){ | |
this.dep = undefined; | |
this._dirty = true; | |
this.__v_isRef = true; | |
this[_a$1] = true; | |
let compareTarget; | |
let hasCompareTarget = false; | |
let scheduled = false; | |
this.effect = new ReactiveEffect(getter, (computedTrigger)=>{ | |
if (this.dep) { | |
if (computedTrigger) { | |
compareTarget = this._value; | |
hasCompareTarget = true; | |
} else if (!scheduled) { | |
const valueToCompare = hasCompareTarget ? compareTarget : this._value; | |
scheduled = true; | |
hasCompareTarget = false; | |
scheduler(()=>{ | |
if (this.effect.active && this._get() !== valueToCompare) { | |
triggerRefValue(this); | |
} | |
scheduled = false; | |
}); | |
} | |
// chained upstream computeds are notified synchronously to ensure | |
// value invalidation in case of sync access; normal effects are | |
// deferred to be triggered in scheduler. | |
for (const e of this.dep){ | |
if (e.computed instanceof DeferredComputedRefImpl) { | |
e.scheduler(true); | |
} | |
} | |
} | |
this._dirty = true; | |
}); | |
this.effect.computed = this; | |
} | |
_get() { | |
if (this._dirty) { | |
this._dirty = false; | |
return this._value = this.effect.run(); | |
} | |
return this._value; | |
} | |
get value() { | |
trackRefValue(this); | |
// the computed ref may get wrapped by other proxies e.g. readonly() #3376 | |
return toRaw(this)._get(); | |
} | |
} | |
_a$1 = "__v_isReadonly" /* ReactiveFlags.IS_READONLY */ ; | |
function deferredComputed(getter) { | |
return new DeferredComputedRefImpl(getter); | |
} | |
/***/ }), | |
/***/ "./node_modules/.pnpm/@vue+runtime-core@3.2.45/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js": | |
/*!*********************************************************************************************************************!*\ | |
!*** ./node_modules/.pnpm/@vue+runtime-core@3.2.45/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js ***! | |
\*********************************************************************************************************************/ | |
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
"use strict"; | |
Object.defineProperty(exports, "__esModule", ({ | |
value: true | |
})); | |
function _export(target, all) { | |
for(var name in all)Object.defineProperty(target, name, { | |
enumerable: true, | |
get: all[name] | |
}); | |
} | |
_export(exports, { | |
EffectScope: ()=>_reactivity.EffectScope, | |
ReactiveEffect: ()=>_reactivity.ReactiveEffect, | |
customRef: ()=>_reactivity.customRef, | |
effect: ()=>_reactivity.effect, | |
effectScope: ()=>_reactivity.effectScope, | |
getCurrentScope: ()=>_reactivity.getCurrentScope, | |
isProxy: ()=>_reactivity.isProxy, | |
isReactive: ()=>_reactivity.isReactive, | |
isReadonly: ()=>_reactivity.isReadonly, | |
isRef: ()=>_reactivity.isRef, | |
isShallow: ()=>_reactivity.isShallow, | |
markRaw: ()=>_reactivity.markRaw, | |
onScopeDispose: ()=>_reactivity.onScopeDispose, | |
proxyRefs: ()=>_reactivity.proxyRefs, | |
reactive: ()=>_reactivity.reactive, | |
readonly: ()=>_reactivity.readonly, | |
ref: ()=>_reactivity.ref, | |
shallowReactive: ()=>_reactivity.shallowReactive, | |
shallowReadonly: ()=>_reactivity.shallowReadonly, | |
shallowRef: ()=>_reactivity.shallowRef, | |
stop: ()=>_reactivity.stop, | |
toRaw: ()=>_reactivity.toRaw, | |
toRef: ()=>_reactivity.toRef, | |
toRefs: ()=>_reactivity.toRefs, | |
triggerRef: ()=>_reactivity.triggerRef, | |
unref: ()=>_reactivity.unref, | |
camelize: ()=>_shared.camelize, | |
capitalize: ()=>_shared.capitalize, | |
normalizeClass: ()=>_shared.normalizeClass, | |
normalizeProps: ()=>_shared.normalizeProps, | |
normalizeStyle: ()=>_shared.normalizeStyle, | |
toDisplayString: ()=>_shared.toDisplayString, | |
toHandlerKey: ()=>_shared.toHandlerKey, | |
BaseTransition: ()=>BaseTransition, | |
Comment: ()=>Comment, | |
Fragment: ()=>Fragment, | |
KeepAlive: ()=>KeepAlive, | |
Static: ()=>Static, | |
Suspense: ()=>Suspense, | |
Teleport: ()=>Teleport, | |
Text: ()=>Text, | |
callWithAsyncErrorHandling: ()=>callWithAsyncErrorHandling, | |
callWithErrorHandling: ()=>callWithErrorHandling, | |
cloneVNode: ()=>cloneVNode, | |
compatUtils: ()=>compatUtils, | |
computed: ()=>computed, | |
createBlock: ()=>createBlock, | |
createCommentVNode: ()=>createCommentVNode, | |
createElementBlock: ()=>createElementBlock, | |
createElementVNode: ()=>createBaseVNode, | |
createHydrationRenderer: ()=>createHydrationRenderer, | |
createPropsRestProxy: ()=>createPropsRestProxy, | |
createRenderer: ()=>createRenderer, | |
createSlots: ()=>createSlots, | |
createStaticVNode: ()=>createStaticVNode, | |
createTextVNode: ()=>createTextVNode, | |
createVNode: ()=>createVNode, | |
defineAsyncComponent: ()=>defineAsyncComponent, | |
defineComponent: ()=>defineComponent, | |
defineEmits: ()=>defineEmits, | |
defineExpose: ()=>defineExpose, | |
defineProps: ()=>defineProps, | |
devtools: ()=>devtools, | |
getCurrentInstance: ()=>getCurrentInstance, | |
getTransitionRawChildren: ()=>getTransitionRawChildren, | |
guardReactiveProps: ()=>guardReactiveProps, | |
h: ()=>h, | |
handleError: ()=>handleError, | |
initCustomFormatter: ()=>initCustomFormatter, | |
inject: ()=>inject, | |
isMemoSame: ()=>isMemoSame, | |
isRuntimeOnly: ()=>isRuntimeOnly, | |
isVNode: ()=>isVNode, | |
mergeDefaults: ()=>mergeDefaults, | |
mergeProps: ()=>mergeProps, | |
nextTick: ()=>nextTick, | |
onActivated: ()=>onActivated, | |
onBeforeMount: ()=>onBeforeMount, | |
onBeforeUnmount: ()=>onBeforeUnmount, | |
onBeforeUpdate: ()=>onBeforeUpdate, | |
onDeactivated: ()=>onDeactivated, | |
onErrorCaptured: ()=>onErrorCaptured, | |
onMounted: ()=>onMounted, | |
onRenderTracked: ()=>onRenderTracked, | |
onRenderTriggered: ()=>onRenderTriggered, | |
onServerPrefetch: ()=>onServerPrefetch, | |
onUnmounted: ()=>onUnmounted, | |
onUpdated: ()=>onUpdated, | |
openBlock: ()=>openBlock, | |
popScopeId: ()=>popScopeId, | |
provide: ()=>provide, | |
pushScopeId: ()=>pushScopeId, | |
queuePostFlushCb: ()=>queuePostFlushCb, | |
registerRuntimeCompiler: ()=>registerRuntimeCompiler, | |
renderList: ()=>renderList, | |
renderSlot: ()=>renderSlot, | |
resolveComponent: ()=>resolveComponent, | |
resolveDirective: ()=>resolveDirective, | |
resolveDynamicComponent: ()=>resolveDynamicComponent, | |
resolveFilter: ()=>resolveFilter, | |
resolveTransitionHooks: ()=>resolveTransitionHooks, | |
setBlockTracking: ()=>setBlockTracking, | |
setDevtoolsHook: ()=>setDevtoolsHook, | |
setTransitionHooks: ()=>setTransitionHooks, | |
ssrContextKey: ()=>ssrContextKey, | |
ssrUtils: ()=>ssrUtils, | |
toHandlers: ()=>toHandlers, | |
transformVNodeArgs: ()=>transformVNodeArgs, | |
useAttrs: ()=>useAttrs, | |
useSSRContext: ()=>useSSRContext, | |
useSlots: ()=>useSlots, | |
useTransitionState: ()=>useTransitionState, | |
version: ()=>version, | |
warn: ()=>warn, | |
watch: ()=>watch, | |
watchEffect: ()=>watchEffect, | |
watchPostEffect: ()=>watchPostEffect, | |
watchSyncEffect: ()=>watchSyncEffect, | |
withAsyncContext: ()=>withAsyncContext, | |
withCtx: ()=>withCtx, | |
withDefaults: ()=>withDefaults, | |
withDirectives: ()=>withDirectives, | |
withMemo: ()=>withMemo, | |
withScopeId: ()=>withScopeId | |
}); | |
const _reactivity = __webpack_require__(/*! @vue/reactivity */ "./node_modules/.pnpm/@vue+reactivity@3.2.45/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js"); | |
const _shared = __webpack_require__(/*! @vue/shared */ "./node_modules/.pnpm/@vue+shared@3.2.45/node_modules/@vue/shared/dist/shared.esm-bundler.js"); | |
const stack = []; | |
function pushWarningContext(vnode) { | |
stack.push(vnode); | |
} | |
function popWarningContext() { | |
stack.pop(); | |
} | |
function warn(msg, ...args) { | |
if (false) {} | |
// avoid props formatting or warn handler tracking deps that might be mutated | |
// during patch, leading to infinite recursion. | |
(0, _reactivity.pauseTracking)(); | |
const instance = stack.length ? stack[stack.length - 1].component : null; | |
const appWarnHandler = instance && instance.appContext.config.warnHandler; | |
const trace = getComponentTrace(); | |
if (appWarnHandler) { | |
callWithErrorHandling(appWarnHandler, instance, 11 /* ErrorCodes.APP_WARN_HANDLER */ , [ | |
msg + args.join(""), | |
instance && instance.proxy, | |
trace.map(({ vnode })=>`at <${formatComponentName(instance, vnode.type)}>`).join("\n"), | |
trace | |
]); | |
} else { | |
const warnArgs = [ | |
`[Vue warn]: ${msg}`, | |
...args | |
]; | |
/* istanbul ignore if */ if (trace.length && // avoid spamming console during tests | |
!false) { | |
warnArgs.push(`\n`, ...formatTrace(trace)); | |
} | |
console.warn(...warnArgs); | |
} | |
(0, _reactivity.resetTracking)(); | |
} | |
function getComponentTrace() { | |
let currentVNode = stack[stack.length - 1]; | |
if (!currentVNode) { | |
return []; | |
} | |
// we can't just use the stack because it will be incomplete during updates | |
// that did not start from the root. Re-construct the parent chain using | |
// instance parent pointers. | |
const normalizedStack = []; | |
while(currentVNode){ | |
const last = normalizedStack[0]; | |
if (last && last.vnode === currentVNode) { | |
last.recurseCount++; | |
} else { | |
normalizedStack.push({ | |
vnode: currentVNode, | |
recurseCount: 0 | |
}); | |
} | |
const parentInstance = currentVNode.component && currentVNode.component.parent; | |
currentVNode = parentInstance && parentInstance.vnode; | |
} | |
return normalizedStack; | |
} | |
/* istanbul ignore next */ function formatTrace(trace) { | |
const logs = []; | |
trace.forEach((entry, i)=>{ | |
logs.push(...i === 0 ? [] : [ | |
`\n` | |
], ...formatTraceEntry(entry)); | |
}); | |
return logs; | |
} | |
function formatTraceEntry({ vnode , recurseCount }) { | |
const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``; | |
const isRoot = vnode.component ? vnode.component.parent == null : false; | |
const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`; | |
const close = `>` + postfix; | |
return vnode.props ? [ | |
open, | |
...formatProps(vnode.props), | |
close | |
] : [ | |
open + close | |
]; | |
} | |
/* istanbul ignore next */ function formatProps(props) { | |
const res = []; | |
const keys = Object.keys(props); | |
keys.slice(0, 3).forEach((key)=>{ | |
res.push(...formatProp(key, props[key])); | |
}); | |
if (keys.length > 3) { | |
res.push(` ...`); | |
} | |
return res; | |
} | |
/* istanbul ignore next */ function formatProp(key, value, raw) { | |
if ((0, _shared.isString)(value)) { | |
value = JSON.stringify(value); | |
return raw ? value : [ | |
`${key}=${value}` | |
]; | |
} else if (typeof value === "number" || typeof value === "boolean" || value == null) { | |
return raw ? value : [ | |
`${key}=${value}` | |
]; | |
} else if ((0, _reactivity.isRef)(value)) { | |
value = formatProp(key, (0, _reactivity.toRaw)(value.value), true); | |
return raw ? value : [ | |
`${key}=Ref<`, | |
value, | |
`>` | |
]; | |
} else if ((0, _shared.isFunction)(value)) { | |
return [ | |
`${key}=fn${value.name ? `<${value.name}>` : ``}` | |
]; | |
} else { | |
value = (0, _reactivity.toRaw)(value); | |
return raw ? value : [ | |
`${key}=`, | |
value | |
]; | |
} | |
} | |
const ErrorTypeStrings = { | |
["sp" /* LifecycleHooks.SERVER_PREFETCH */ ]: "serverPrefetch hook", | |
["bc" /* LifecycleHooks.BEFORE_CREATE */ ]: "beforeCreate hook", | |
["c" /* LifecycleHooks.CREATED */ ]: "created hook", | |
["bm" /* LifecycleHooks.BEFORE_MOUNT */ ]: "beforeMount hook", | |
["m" /* LifecycleHooks.MOUNTED */ ]: "mounted hook", | |
["bu" /* LifecycleHooks.BEFORE_UPDATE */ ]: "beforeUpdate hook", | |
["u" /* LifecycleHooks.UPDATED */ ]: "updated", | |
["bum" /* LifecycleHooks.BEFORE_UNMOUNT */ ]: "beforeUnmount hook", | |
["um" /* LifecycleHooks.UNMOUNTED */ ]: "unmounted hook", | |
["a" /* LifecycleHooks.ACTIVATED */ ]: "activated hook", | |
["da" /* LifecycleHooks.DEACTIVATED */ ]: "deactivated hook", | |
["ec" /* LifecycleHooks.ERROR_CAPTURED */ ]: "errorCaptured hook", | |
["rtc" /* LifecycleHooks.RENDER_TRACKED */ ]: "renderTracked hook", | |
["rtg" /* LifecycleHooks.RENDER_TRIGGERED */ ]: "renderTriggered hook", | |
[0 /* ErrorCodes.SETUP_FUNCTION */ ]: "setup function", | |
[1 /* ErrorCodes.RENDER_FUNCTION */ ]: "render function", | |
[2 /* ErrorCodes.WATCH_GETTER */ ]: "watcher getter", | |
[3 /* ErrorCodes.WATCH_CALLBACK */ ]: "watcher callback", | |
[4 /* ErrorCodes.WATCH_CLEANUP */ ]: "watcher cleanup function", | |
[5 /* ErrorCodes.NATIVE_EVENT_HANDLER */ ]: "native event handler", | |
[6 /* ErrorCodes.COMPONENT_EVENT_HANDLER */ ]: "component event handler", | |
[7 /* ErrorCodes.VNODE_HOOK */ ]: "vnode hook", | |
[8 /* ErrorCodes.DIRECTIVE_HOOK */ ]: "directive hook", | |
[9 /* ErrorCodes.TRANSITION_HOOK */ ]: "transition hook", | |
[10 /* ErrorCodes.APP_ERROR_HANDLER */ ]: "app errorHandler", | |
[11 /* ErrorCodes.APP_WARN_HANDLER */ ]: "app warnHandler", | |
[12 /* ErrorCodes.FUNCTION_REF */ ]: "ref function", | |
[13 /* ErrorCodes.ASYNC_COMPONENT_LOADER */ ]: "async component loader", | |
[14 /* ErrorCodes.SCHEDULER */ ]: "scheduler flush. This is likely a Vue internals bug. " + "Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core" | |
}; | |
function callWithErrorHandling(fn, instance, type, args) { | |
let res; | |
try { | |
res = args ? fn(...args) : fn(); | |
} catch (err) { | |
handleError(err, instance, type); | |
} | |
return res; | |
} | |
function callWithAsyncErrorHandling(fn, instance, type, args) { | |
if ((0, _shared.isFunction)(fn)) { | |
const res = callWithErrorHandling(fn, instance, type, args); | |
if (res && (0, _shared.isPromise)(res)) { | |
res.catch((err)=>{ | |
handleError(err, instance, type); | |
}); | |
} | |
return res; | |
} | |
const values = []; | |
for(let i = 0; i < fn.length; i++){ | |
values.push(callWithAsyncErrorHandling(fn[i], instance, type, args)); | |
} | |
return values; | |
} | |
function handleError(err, instance, type, throwInDev = true) { | |
const contextVNode = instance ? instance.vnode : null; | |
if (instance) { | |
let cur = instance.parent; | |
// the exposed instance is the render proxy to keep it consistent with 2.x | |
const exposedInstance = instance.proxy; | |
// in production the hook receives only the error code | |
const errorInfo = true ? ErrorTypeStrings[type] : 0; | |
while(cur){ | |
const errorCapturedHooks = cur.ec; | |
if (errorCapturedHooks) { | |
for(let i = 0; i < errorCapturedHooks.length; i++){ | |
if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) { | |
return; | |
} | |
} | |
} | |
cur = cur.parent; | |
} | |
// app-level handling | |
const appErrorHandler = instance.appContext.config.errorHandler; | |
if (appErrorHandler) { | |
callWithErrorHandling(appErrorHandler, null, 10 /* ErrorCodes.APP_ERROR_HANDLER */ , [ | |
err, | |
exposedInstance, | |
errorInfo | |
]); | |
return; | |
} | |
} | |
logError(err, type, contextVNode, throwInDev); | |
} | |
function logError(err, type, contextVNode, throwInDev = true) { | |
if (true) { | |
const info = ErrorTypeStrings[type]; | |
if (contextVNode) { | |
pushWarningContext(contextVNode); | |
} | |
warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`); | |
if (contextVNode) { | |
popWarningContext(); | |
} | |
// crash in dev by default so it's more noticeable | |
if (throwInDev) { | |
throw err; | |
} else { | |
console.error(err); | |
} | |
} else {} | |
} | |
let isFlushing = false; | |
let isFlushPending = false; | |
const queue = []; | |
let flushIndex = 0; | |
const pendingPostFlushCbs = []; | |
let activePostFlushCbs = null; | |
let postFlushIndex = 0; | |
const resolvedPromise = /*#__PURE__*/ Promise.resolve(); | |
let currentFlushPromise = null; | |
const RECURSION_LIMIT = 100; | |
function nextTick(fn) { | |
const p = currentFlushPromise || resolvedPromise; | |
return fn ? p.then(this ? fn.bind(this) : fn) : p; | |
} | |
// #2768 | |
// Use binary-search to find a suitable position in the queue, | |
// so that the queue maintains the increasing order of job's id, | |
// which can prevent the job from being skipped and also can avoid repeated patching. | |
function findInsertionIndex(id) { | |
// the start index should be `flushIndex + 1` | |
let start = flushIndex + 1; | |
let end = queue.length; | |
while(start < end){ | |
const middle = start + end >>> 1; | |
const middleJobId = getId(queue[middle]); | |
middleJobId < id ? start = middle + 1 : end = middle; | |
} | |
return start; | |
} | |
function queueJob(job) { | |
// the dedupe search uses the startIndex argument of Array.includes() | |
// by default the search index includes the current job that is being run | |
// so it cannot recursively trigger itself again. | |
// if the job is a watch() callback, the search will start with a +1 index to | |
// allow it recursively trigger itself - it is the user's responsibility to | |
// ensure it doesn't end up in an infinite loop. | |
if (!queue.length || !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) { | |
if (job.id == null) { | |
queue.push(job); | |
} else { | |
queue.splice(findInsertionIndex(job.id), 0, job); | |
} | |
queueFlush(); | |
} | |
} | |
function queueFlush() { | |
if (!isFlushing && !isFlushPending) { | |
isFlushPending = true; | |
currentFlushPromise = resolvedPromise.then(flushJobs); | |
} | |
} | |
function invalidateJob(job) { | |
const i = queue.indexOf(job); | |
if (i > flushIndex) { | |
queue.splice(i, 1); | |
} | |
} | |
function queuePostFlushCb(cb) { | |
if (!(0, _shared.isArray)(cb)) { | |
if (!activePostFlushCbs || !activePostFlushCbs.includes(cb, cb.allowRecurse ? postFlushIndex + 1 : postFlushIndex)) { | |
pendingPostFlushCbs.push(cb); | |
} | |
} else { | |
// if cb is an array, it is a component lifecycle hook which can only be | |
// triggered by a job, which is already deduped in the main queue, so | |
// we can skip duplicate check here to improve perf | |
pendingPostFlushCbs.push(...cb); | |
} | |
queueFlush(); | |
} | |
function flushPreFlushCbs(seen, // if currently flushing, skip the current job itself | |
i = isFlushing ? flushIndex + 1 : 0) { | |
if (true) { | |
seen = seen || new Map(); | |
} | |
for(; i < queue.length; i++){ | |
const cb = queue[i]; | |
if (cb && cb.pre) { | |
if ( true && checkRecursiveUpdates(seen, cb)) { | |
continue; | |
} | |
queue.splice(i, 1); | |
i--; | |
cb(); | |
} | |
} | |
} | |
function flushPostFlushCbs(seen) { | |
if (pendingPostFlushCbs.length) { | |
const deduped = [ | |
...new Set(pendingPostFlushCbs) | |
]; | |
pendingPostFlushCbs.length = 0; | |
// #1947 already has active queue, nested flushPostFlushCbs call | |
if (activePostFlushCbs) { | |
activePostFlushCbs.push(...deduped); | |
return; | |
} | |
activePostFlushCbs = deduped; | |
if (true) { | |
seen = seen || new Map(); | |
} | |
activePostFlushCbs.sort((a, b)=>getId(a) - getId(b)); | |
for(postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++){ | |
if ( true && checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) { | |
continue; | |
} | |
activePostFlushCbs[postFlushIndex](); | |
} | |
activePostFlushCbs = null; | |
postFlushIndex = 0; | |
} | |
} | |
const getId = (job)=>job.id == null ? Infinity : job.id; | |
const comparator = (a, b)=>{ | |
const diff = getId(a) - getId(b); | |
if (diff === 0) { | |
if (a.pre && !b.pre) return -1; | |
if (b.pre && !a.pre) return 1; | |
} | |
return diff; | |
}; | |
function flushJobs(seen) { | |
isFlushPending = false; | |
isFlushing = true; | |
if (true) { | |
seen = seen || new Map(); | |
} | |
// Sort queue before flush. | |
// This ensures that: | |
// 1. Components are updated from parent to child. (because parent is always | |
// created before the child so its render effect will have smaller | |
// priority number) | |
// 2. If a component is unmounted during a parent component's update, | |
// its update can be skipped. | |
queue.sort(comparator); | |
// conditional usage of checkRecursiveUpdate must be determined out of | |
// try ... catch block since Rollup by default de-optimizes treeshaking | |
// inside try-catch. This can leave all warning code unshaked. Although | |
// they would get eventually shaken by a minifier like terser, some minifiers | |
// would fail to do that (e.g. https://github.com/evanw/esbuild/issues/1610) | |
const check = true ? (job)=>checkRecursiveUpdates(seen, job) : 0; | |
try { | |
for(flushIndex = 0; flushIndex < queue.length; flushIndex++){ | |
const job = queue[flushIndex]; | |
if (job && job.active !== false) { | |
if ( true && check(job)) { | |
continue; | |
} | |
// console.log(`running:`, job.id) | |
callWithErrorHandling(job, null, 14 /* ErrorCodes.SCHEDULER */ ); | |
} | |
} | |
} finally{ | |
flushIndex = 0; | |
queue.length = 0; | |
flushPostFlushCbs(seen); | |
isFlushing = false; | |
currentFlushPromise = null; | |
// some postFlushCb queued jobs! | |
// keep flushing until it drains. | |
if (queue.length || pendingPostFlushCbs.length) { | |
flushJobs(seen); | |
} | |
} | |
} | |
function checkRecursiveUpdates(seen, fn) { | |
if (!seen.has(fn)) { | |
seen.set(fn, 1); | |
} else { | |
const count = seen.get(fn); | |
if (count > RECURSION_LIMIT) { | |
const instance = fn.ownerInstance; | |
const componentName = instance && getComponentName(instance.type); | |
warn(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` + `This means you have a reactive effect that is mutating its own ` + `dependencies and thus recursively triggering itself. Possible sources ` + `include component template, render function, updated hook or ` + `watcher source function.`); | |
return true; | |
} else { | |
seen.set(fn, count + 1); | |
} | |
} | |
} | |
/* eslint-disable no-restricted-globals */ let isHmrUpdating = false; | |
const hmrDirtyComponents = new Set(); | |
// Expose the HMR runtime on the global object | |
// This makes it entirely tree-shakable without polluting the exports and makes | |
// it easier to be used in toolings like vue-loader | |
// Note: for a component to be eligible for HMR it also needs the __hmrId option | |
// to be set so that its instances can be registered / removed. | |
if (true) { | |
(0, _shared.getGlobalThis)().__VUE_HMR_RUNTIME__ = { | |
createRecord: tryWrap(createRecord), | |
rerender: tryWrap(rerender), | |
reload: tryWrap(reload) | |
}; | |
} | |
const map = new Map(); | |
function registerHMR(instance) { | |
const id = instance.type.__hmrId; | |
let record = map.get(id); | |
if (!record) { | |
createRecord(id, instance.type); | |
record = map.get(id); | |
} | |
record.instances.add(instance); | |
} | |
function unregisterHMR(instance) { | |
map.get(instance.type.__hmrId).instances.delete(instance); | |
} | |
function createRecord(id, initialDef) { | |
if (map.has(id)) { | |
return false; | |
} | |
map.set(id, { | |
initialDef: normalizeClassComponent(initialDef), | |
instances: new Set() | |
}); | |
return true; | |
} | |
function normalizeClassComponent(component) { | |
return isClassComponent(component) ? component.__vccOpts : component; | |
} | |
function rerender(id, newRender) { | |
const record = map.get(id); | |
if (!record) { | |
return; | |
} | |
// update initial record (for not-yet-rendered component) | |
record.initialDef.render = newRender; | |
[ | |
...record.instances | |
].forEach((instance)=>{ | |
if (newRender) { | |
instance.render = newRender; | |
normalizeClassComponent(instance.type).render = newRender; | |
} | |
instance.renderCache = []; | |
// this flag forces child components with slot content to update | |
isHmrUpdating = true; | |
instance.update(); | |
isHmrUpdating = false; | |
}); | |
} | |
function reload(id, newComp) { | |
const record = map.get(id); | |
if (!record) return; | |
newComp = normalizeClassComponent(newComp); | |
// update initial def (for not-yet-rendered components) | |
updateComponentDef(record.initialDef, newComp); | |
// create a snapshot which avoids the set being mutated during updates | |
const instances = [ | |
...record.instances | |
]; | |
for (const instance of instances){ | |
const oldComp = normalizeClassComponent(instance.type); | |
if (!hmrDirtyComponents.has(oldComp)) { | |
// 1. Update existing comp definition to match new one | |
if (oldComp !== record.initialDef) { | |
updateComponentDef(oldComp, newComp); | |
} | |
// 2. mark definition dirty. This forces the renderer to replace the | |
// component on patch. | |
hmrDirtyComponents.add(oldComp); | |
} | |
// 3. invalidate options resolution cache | |
instance.appContext.optionsCache.delete(instance.type); | |
// 4. actually update | |
if (instance.ceReload) { | |
// custom element | |
hmrDirtyComponents.add(oldComp); | |
instance.ceReload(newComp.styles); | |
hmrDirtyComponents.delete(oldComp); | |
} else if (instance.parent) { | |
// 4. Force the parent instance to re-render. This will cause all updated | |
// components to be unmounted and re-mounted. Queue the update so that we | |
// don't end up forcing the same parent to re-render multiple times. | |
queueJob(instance.parent.update); | |
} else if (instance.appContext.reload) { | |
// root instance mounted via createApp() has a reload method | |
instance.appContext.reload(); | |
} else if (typeof window !== "undefined") { | |
// root instance inside tree created via raw render(). Force reload. | |
window.location.reload(); | |
} else { | |
console.warn("[HMR] Root or manually mounted instance modified. Full reload required."); | |
} | |
} | |
// 5. make sure to cleanup dirty hmr components after update | |
queuePostFlushCb(()=>{ | |
for (const instance of instances){ | |
hmrDirtyComponents.delete(normalizeClassComponent(instance.type)); | |
} | |
}); | |
} | |
function updateComponentDef(oldComp, newComp) { | |
(0, _shared.extend)(oldComp, newComp); | |
for(const key in oldComp){ | |
if (key !== "__file" && !(key in newComp)) { | |
delete oldComp[key]; | |
} | |
} | |
} | |
function tryWrap(fn) { | |
return (id, arg)=>{ | |
try { | |
return fn(id, arg); | |
} catch (e) { | |
console.error(e); | |
console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` + `Full reload required.`); | |
} | |
}; | |
} | |
let devtools; | |
let buffer = []; | |
let devtoolsNotInstalled = false; | |
function emit(event, ...args) { | |
if (devtools) { | |
devtools.emit(event, ...args); | |
} else if (!devtoolsNotInstalled) { | |
buffer.push({ | |
event, | |
args | |
}); | |
} | |
} | |
function setDevtoolsHook(hook, target) { | |
var _a, _b; | |
devtools = hook; | |
if (devtools) { | |
devtools.enabled = true; | |
buffer.forEach(({ event , args })=>devtools.emit(event, ...args)); | |
buffer = []; | |
} else if (// handle late devtools injection - only do this if we are in an actual | |
// browser environment to avoid the timer handle stalling test runner exit | |
// (#4815) | |
typeof window !== "undefined" && // some envs mock window but not fully | |
window.HTMLElement && // also exclude jsdom | |
!((_b = (_a = window.navigator) === null || _a === void 0 ? void 0 : _a.userAgent) === null || _b === void 0 ? void 0 : _b.includes("jsdom"))) { | |
const replay = target.__VUE_DEVTOOLS_HOOK_REPLAY__ = target.__VUE_DEVTOOLS_HOOK_REPLAY__ || []; | |
replay.push((newHook)=>{ | |
setDevtoolsHook(newHook, target); | |
}); | |
// clear buffer after 3s - the user probably doesn't have devtools installed | |
// at all, and keeping the buffer will cause memory leaks (#4738) | |
setTimeout(()=>{ | |
if (!devtools) { | |
target.__VUE_DEVTOOLS_HOOK_REPLAY__ = null; | |
devtoolsNotInstalled = true; | |
buffer = []; | |
} | |
}, 3000); | |
} else { | |
// non-browser env, assume not installed | |
devtoolsNotInstalled = true; | |
buffer = []; | |
} | |
} | |
function devtoolsInitApp(app, version) { | |
emit("app:init" /* DevtoolsHooks.APP_INIT */ , app, version, { | |
Fragment, | |
Text, | |
Comment, | |
Static | |
}); | |
} | |
function devtoolsUnmountApp(app) { | |
emit("app:unmount" /* DevtoolsHooks.APP_UNMOUNT */ , app); | |
} | |
const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* DevtoolsHooks.COMPONENT_ADDED */ ); | |
const devtoolsComponentUpdated = /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* DevtoolsHooks.COMPONENT_UPDATED */ ); | |
const _devtoolsComponentRemoved = /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* DevtoolsHooks.COMPONENT_REMOVED */ ); | |
const devtoolsComponentRemoved = (component)=>{ | |
if (devtools && typeof devtools.cleanupBuffer === "function" && // remove the component if it wasn't buffered | |
!devtools.cleanupBuffer(component)) { | |
_devtoolsComponentRemoved(component); | |
} | |
}; | |
function createDevtoolsComponentHook(hook) { | |
return (component)=>{ | |
emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component); | |
}; | |
} | |
const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* DevtoolsHooks.PERFORMANCE_START */ ); | |
const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* DevtoolsHooks.PERFORMANCE_END */ ); | |
function createDevtoolsPerformanceHook(hook) { | |
return (component, type, time)=>{ | |
emit(hook, component.appContext.app, component.uid, component, type, time); | |
}; | |
} | |
function devtoolsComponentEmit(component, event, params) { | |
emit("component:emit" /* DevtoolsHooks.COMPONENT_EMIT */ , component.appContext.app, component, event, params); | |
} | |
function emit$1(instance, event, ...rawArgs) { | |
if (instance.isUnmounted) return; | |
const props = instance.vnode.props || _shared.EMPTY_OBJ; | |
if (true) { | |
const { emitsOptions , propsOptions: [propsOptions] } = instance; | |
if (emitsOptions) { | |
if (!(event in emitsOptions) && !false) { | |
if (!propsOptions || !((0, _shared.toHandlerKey)(event) in propsOptions)) { | |
warn(`Component emitted event "${event}" but it is neither declared in ` + `the emits option nor as an "${(0, _shared.toHandlerKey)(event)}" prop.`); | |
} | |
} else { | |
const validator = emitsOptions[event]; | |
if ((0, _shared.isFunction)(validator)) { | |
const isValid = validator(...rawArgs); | |
if (!isValid) { | |
warn(`Invalid event arguments: event validation failed for event "${event}".`); | |
} | |
} | |
} | |
} | |
} | |
let args = rawArgs; | |
const isModelListener = event.startsWith("update:"); | |
// for v-model update:xxx events, apply modifiers on args | |
const modelArg = isModelListener && event.slice(7); | |
if (modelArg && modelArg in props) { | |
const modifiersKey = `${modelArg === "modelValue" ? "model" : modelArg}Modifiers`; | |
const { number , trim } = props[modifiersKey] || _shared.EMPTY_OBJ; | |
if (trim) { | |
args = rawArgs.map((a)=>(0, _shared.isString)(a) ? a.trim() : a); | |
} | |
if (number) { | |
args = rawArgs.map(_shared.toNumber); | |
} | |
} | |
if (true) { | |
devtoolsComponentEmit(instance, event, args); | |
} | |
if (true) { | |
const lowerCaseEvent = event.toLowerCase(); | |
if (lowerCaseEvent !== event && props[(0, _shared.toHandlerKey)(lowerCaseEvent)]) { | |
warn(`Event "${lowerCaseEvent}" is emitted in component ` + `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` + `Note that HTML attributes are case-insensitive and you cannot use ` + `v-on to listen to camelCase events when using in-DOM templates. ` + `You should probably use "${(0, _shared.hyphenate)(event)}" instead of "${event}".`); | |
} | |
} | |
let handlerName; | |
let handler = props[handlerName = (0, _shared.toHandlerKey)(event)] || // also try camelCase event handler (#2249) | |
props[handlerName = (0, _shared.toHandlerKey)((0, _shared.camelize)(event))]; | |
// for v-model update:xxx events, also trigger kebab-case equivalent | |
// for props passed via kebab-case | |
if (!handler && isModelListener) { | |
handler = props[handlerName = (0, _shared.toHandlerKey)((0, _shared.hyphenate)(event))]; | |
} | |
if (handler) { | |
callWithAsyncErrorHandling(handler, instance, 6 /* ErrorCodes.COMPONENT_EVENT_HANDLER */ , args); | |
} | |
const onceHandler = props[handlerName + `Once`]; | |
if (onceHandler) { | |
if (!instance.emitted) { | |
instance.emitted = {}; | |
} else if (instance.emitted[handlerName]) { | |
return; | |
} | |
instance.emitted[handlerName] = true; | |
callWithAsyncErrorHandling(onceHandler, instance, 6 /* ErrorCodes.COMPONENT_EVENT_HANDLER */ , args); | |
} | |
} | |
function normalizeEmitsOptions(comp, appContext, asMixin = false) { | |
const cache = appContext.emitsCache; | |
const cached = cache.get(comp); | |
if (cached !== undefined) { | |
return cached; | |
} | |
const raw = comp.emits; | |
let normalized = {}; | |
// apply mixin/extends props | |
let hasExtends = false; | |
if (__VUE_OPTIONS_API__ && !(0, _shared.isFunction)(comp)) { | |
const extendEmits = (raw)=>{ | |
const normalizedFromExtend = normalizeEmitsOptions(raw, appContext, true); | |
if (normalizedFromExtend) { | |
hasExtends = true; | |
(0, _shared.extend)(normalized, normalizedFromExtend); | |
} | |
}; | |
if (!asMixin && appContext.mixins.length) { | |
appContext.mixins.forEach(extendEmits); | |
} | |
if (comp.extends) { | |
extendEmits(comp.extends); | |
} | |
if (comp.mixins) { | |
comp.mixins.forEach(extendEmits); | |
} | |
} | |
if (!raw && !hasExtends) { | |
if ((0, _shared.isObject)(comp)) { | |
cache.set(comp, null); | |
} | |
return null; | |
} | |
if ((0, _shared.isArray)(raw)) { | |
raw.forEach((key)=>normalized[key] = null); | |
} else { | |
(0, _shared.extend)(normalized, raw); | |
} | |
if ((0, _shared.isObject)(comp)) { | |
cache.set(comp, normalized); | |
} | |
return normalized; | |
} | |
// Check if an incoming prop key is a declared emit event listener. | |
// e.g. With `emits: { click: null }`, props named `onClick` and `onclick` are | |
// both considered matched listeners. | |
function isEmitListener(options, key) { | |
if (!options || !(0, _shared.isOn)(key)) { | |
return false; | |
} | |
key = key.slice(2).replace(/Once$/, ""); | |
return (0, _shared.hasOwn)(options, key[0].toLowerCase() + key.slice(1)) || (0, _shared.hasOwn)(options, (0, _shared.hyphenate)(key)) || (0, _shared.hasOwn)(options, key); | |
} | |
/** | |
* mark the current rendering instance for asset resolution (e.g. | |
* resolveComponent, resolveDirective) during render | |
*/ let currentRenderingInstance = null; | |
let currentScopeId = null; | |
/** | |
* Note: rendering calls maybe nested. The function returns the parent rendering | |
* instance if present, which should be restored after the render is done: | |
* | |
* ```js | |
* const prev = setCurrentRenderingInstance(i) | |
* // ...render | |
* setCurrentRenderingInstance(prev) | |
* ``` | |
*/ function setCurrentRenderingInstance(instance) { | |
const prev = currentRenderingInstance; | |
currentRenderingInstance = instance; | |
currentScopeId = instance && instance.type.__scopeId || null; | |
return prev; | |
} | |
/** | |
* Set scope id when creating hoisted vnodes. | |
* @private compiler helper | |
*/ function pushScopeId(id) { | |
currentScopeId = id; | |
} | |
/** | |
* Technically we no longer need this after 3.0.8 but we need to keep the same | |
* API for backwards compat w/ code generated by compilers. | |
* @private | |
*/ function popScopeId() { | |
currentScopeId = null; | |
} | |
/** | |
* Only for backwards compat | |
* @private | |
*/ const withScopeId = (_id)=>withCtx; | |
/** | |
* Wrap a slot function to memoize current rendering instance | |
* @private compiler helper | |
*/ function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot // false only | |
) { | |
if (!ctx) return fn; | |
// already normalized | |
if (fn._n) { | |
return fn; | |
} | |
const renderFnWithContext = (...args)=>{ | |
// If a user calls a compiled slot inside a template expression (#1745), it | |
// can mess up block tracking, so by default we disable block tracking and | |
// force bail out when invoking a compiled slot (indicated by the ._d flag). | |
// This isn't necessary if rendering a compiled `<slot>`, so we flip the | |
// ._d flag off when invoking the wrapped fn inside `renderSlot`. | |
if (renderFnWithContext._d) { | |
setBlockTracking(-1); | |
} | |
const prevInstance = setCurrentRenderingInstance(ctx); | |
let res; | |
try { | |
res = fn(...args); | |
} finally{ | |
setCurrentRenderingInstance(prevInstance); | |
if (renderFnWithContext._d) { | |
setBlockTracking(1); | |
} | |
} | |
if (true) { | |
devtoolsComponentUpdated(ctx); | |
} | |
return res; | |
}; | |
// mark normalized to avoid duplicated wrapping | |
renderFnWithContext._n = true; | |
// mark this as compiled by default | |
// this is used in vnode.ts -> normalizeChildren() to set the slot | |
// rendering flag. | |
renderFnWithContext._c = true; | |
// disable block tracking by default | |
renderFnWithContext._d = true; | |
return renderFnWithContext; | |
} | |
/** | |
* dev only flag to track whether $attrs was used during render. | |
* If $attrs was used during render then the warning for failed attrs | |
* fallthrough can be suppressed. | |
*/ let accessedAttrs = false; | |
function markAttrsAccessed() { | |
accessedAttrs = true; | |
} | |
function renderComponentRoot(instance) { | |
const { type: Component , vnode , proxy , withProxy , props , propsOptions: [propsOptions] , slots , attrs , emit , render , renderCache , data , setupState , ctx , inheritAttrs } = instance; | |
let result; | |
let fallthroughAttrs; | |
const prev = setCurrentRenderingInstance(instance); | |
if (true) { | |
accessedAttrs = false; | |
} | |
try { | |
if (vnode.shapeFlag & 4 /* ShapeFlags.STATEFUL_COMPONENT */ ) { | |
// withProxy is a proxy with a different `has` trap only for | |
// runtime-compiled render functions using `with` block. | |
const proxyToUse = withProxy || proxy; | |
result = normalizeVNode(render.call(proxyToUse, proxyToUse, renderCache, props, setupState, data, ctx)); | |
fallthroughAttrs = attrs; | |
} else { | |
// functional | |
const render1 = Component; | |
// in dev, mark attrs accessed if optional props (attrs === props) | |
if ( true && attrs === props) { | |
markAttrsAccessed(); | |
} | |
result = normalizeVNode(render1.length > 1 ? render1(props, true ? { | |
get attrs () { | |
markAttrsAccessed(); | |
return attrs; | |
}, | |
slots, | |
emit | |
} : 0) : render1(props, null)); | |
fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs); | |
} | |
} catch (err) { | |
blockStack.length = 0; | |
handleError(err, instance, 1 /* ErrorCodes.RENDER_FUNCTION */ ); | |
result = createVNode(Comment); | |
} | |
// attr merging | |
// in dev mode, comments are preserved, and it's possible for a template | |
// to have comments along side the root element which makes it a fragment | |
let root = result; | |
let setRoot = undefined; | |
if ( true && result.patchFlag > 0 && result.patchFlag & 2048 /* PatchFlags.DEV_ROOT_FRAGMENT */ ) { | |
[root, setRoot] = getChildRoot(result); | |
} | |
if (fallthroughAttrs && inheritAttrs !== false) { | |
const keys = Object.keys(fallthroughAttrs); | |
const { shapeFlag } = root; | |
if (keys.length) { | |
if (shapeFlag & (1 /* ShapeFlags.ELEMENT */ | 6 /* ShapeFlags.COMPONENT */ )) { | |
if (propsOptions && keys.some(_shared.isModelListener)) { | |
// If a v-model listener (onUpdate:xxx) has a corresponding declared | |
// prop, it indicates this component expects to handle v-model and | |
// it should not fallthrough. | |
// related: #1543, #1643, #1989 | |
fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions); | |
} | |
root = cloneVNode(root, fallthroughAttrs); | |
} else if ( true && !accessedAttrs && root.type !== Comment) { | |
const allAttrs = Object.keys(attrs); | |
const eventAttrs = []; | |
const extraAttrs = []; | |
for(let i = 0, l = allAttrs.length; i < l; i++){ | |
const key = allAttrs[i]; | |
if ((0, _shared.isOn)(key)) { | |
// ignore v-model handlers when they fail to fallthrough | |
if (!(0, _shared.isModelListener)(key)) { | |
// remove `on`, lowercase first letter to reflect event casing | |
// accurately | |
eventAttrs.push(key[2].toLowerCase() + key.slice(3)); | |
} | |
} else { | |
extraAttrs.push(key); | |
} | |
} | |
if (extraAttrs.length) { | |
warn(`Extraneous non-props attributes (` + `${extraAttrs.join(", ")}) ` + `were passed to component but could not be automatically inherited ` + `because component renders fragment or text root nodes.`); | |
} | |
if (eventAttrs.length) { | |
warn(`Extraneous non-emits event listeners (` + `${eventAttrs.join(", ")}) ` + `were passed to component but could not be automatically inherited ` + `because component renders fragment or text root nodes. ` + `If the listener is intended to be a component custom event listener only, ` + `declare it using the "emits" option.`); | |
} | |
} | |
} | |
} | |
// inherit directives | |
if (vnode.dirs) { | |
if ( true && !isElementRoot(root)) { | |
warn(`Runtime directive used on component with non-element root node. ` + `The directives will not function as intended.`); | |
} | |
// clone before mutating since the root may be a hoisted vnode | |
root = cloneVNode(root); | |
root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs; | |
} | |
// inherit transition data | |
if (vnode.transition) { | |
if ( true && !isElementRoot(root)) { | |
warn(`Component inside <Transition> renders non-element root node ` + `that cannot be animated.`); | |
} | |
root.transition = vnode.transition; | |
} | |
if ( true && setRoot) { | |
setRoot(root); | |
} else { | |
result = root; | |
} | |
setCurrentRenderingInstance(prev); | |
return result; | |
} | |
/** | |
* dev only | |
* In dev mode, template root level comments are rendered, which turns the | |
* template into a fragment root, but we need to locate the single element | |
* root for attrs and scope id processing. | |
*/ const getChildRoot = (vnode)=>{ | |
const rawChildren = vnode.children; | |
const dynamicChildren = vnode.dynamicChildren; | |
const childRoot = filterSingleRoot(rawChildren); | |
if (!childRoot) { | |
return [ | |
vnode, | |
undefined | |
]; | |
} | |
const index = rawChildren.indexOf(childRoot); | |
const dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1; | |
const setRoot = (updatedRoot)=>{ | |
rawChildren[index] = updatedRoot; | |
if (dynamicChildren) { | |
if (dynamicIndex > -1) { | |
dynamicChildren[dynamicIndex] = updatedRoot; | |
} else if (updatedRoot.patchFlag > 0) { | |
vnode.dynamicChildren = [ | |
...dynamicChildren, | |
updatedRoot | |
]; | |
} | |
} | |
}; | |
return [ | |
normalizeVNode(childRoot), | |
setRoot | |
]; | |
}; | |
function filterSingleRoot(children) { | |
let singleRoot; | |
for(let i = 0; i < children.length; i++){ | |
const child = children[i]; | |
if (isVNode(child)) { | |
// ignore user comment | |
if (child.type !== Comment || child.children === "v-if") { | |
if (singleRoot) { | |
// has more than 1 non-comment child, return now | |
return; | |
} else { | |
singleRoot = child; | |
} | |
} | |
} else { | |
return; | |
} | |
} | |
return singleRoot; | |
} | |
const getFunctionalFallthrough = (attrs)=>{ | |
let res; | |
for(const key in attrs){ | |
if (key === "class" || key === "style" || (0, _shared.isOn)(key)) { | |
(res || (res = {}))[key] = attrs[key]; | |
} | |
} | |
return res; | |
}; | |
const filterModelListeners = (attrs, props)=>{ | |
const res = {}; | |
for(const key in attrs){ | |
if (!(0, _shared.isModelListener)(key) || !(key.slice(9) in props)) { | |
res[key] = attrs[key]; | |
} | |
} | |
return res; | |
}; | |
const isElementRoot = (vnode)=>{ | |
return vnode.shapeFlag & (6 /* ShapeFlags.COMPONENT */ | 1 /* ShapeFlags.ELEMENT */ ) || vnode.type === Comment // potential v-if branch switch | |
; | |
}; | |
function shouldUpdateComponent(prevVNode, nextVNode, optimized) { | |
const { props: prevProps , children: prevChildren , component } = prevVNode; | |
const { props: nextProps , children: nextChildren , patchFlag } = nextVNode; | |
const emits = component.emitsOptions; | |
// Parent component's render function was hot-updated. Since this may have | |
// caused the child component's slots content to have changed, we need to | |
// force the child to update as well. | |
if ( true && (prevChildren || nextChildren) && isHmrUpdating) { | |
return true; | |
} | |
// force child update for runtime directive or transition on component vnode. | |
if (nextVNode.dirs || nextVNode.transition) { | |
return true; | |
} | |
if (optimized && patchFlag >= 0) { | |
if (patchFlag & 1024 /* PatchFlags.DYNAMIC_SLOTS */ ) { | |
// slot content that references values that might have changed, | |
// e.g. in a v-for | |
return true; | |
} | |
if (patchFlag & 16 /* PatchFlags.FULL_PROPS */ ) { | |
if (!prevProps) { | |
return !!nextProps; | |
} | |
// presence of this flag indicates props are always non-null | |
return hasPropsChanged(prevProps, nextProps, emits); | |
} else if (patchFlag & 8 /* PatchFlags.PROPS */ ) { | |
const dynamicProps = nextVNode.dynamicProps; | |
for(let i = 0; i < dynamicProps.length; i++){ | |
const key = dynamicProps[i]; | |
if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) { | |
return true; | |
} | |
} | |
} | |
} else { | |
// this path is only taken by manually written render functions | |
// so presence of any children leads to a forced update | |
if (prevChildren || nextChildren) { | |
if (!nextChildren || !nextChildren.$stable) { | |
return true; | |
} | |
} | |
if (prevProps === nextProps) { | |
return false; | |
} | |
if (!prevProps) { | |
return !!nextProps; | |
} | |
if (!nextProps) { | |
return true; | |
} | |
return hasPropsChanged(prevProps, nextProps, emits); | |
} | |
return false; | |
} | |
function hasPropsChanged(prevProps, nextProps, emitsOptions) { | |
const nextKeys = Object.keys(nextProps); | |
if (nextKeys.length !== Object.keys(prevProps).length) { | |
return true; | |
} | |
for(let i = 0; i < nextKeys.length; i++){ | |
const key = nextKeys[i]; | |
if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) { | |
return true; | |
} | |
} | |
return false; | |
} | |
function updateHOCHostEl({ vnode , parent }, el // HostNode | |
) { | |
while(parent && parent.subTree === vnode){ | |
(vnode = parent.vnode).el = el; | |
parent = parent.parent; | |
} | |
} | |
const isSuspense = (type)=>type.__isSuspense; | |
// Suspense exposes a component-like API, and is treated like a component | |
// in the compiler, but internally it's a special built-in type that hooks | |
// directly into the renderer. | |
const SuspenseImpl = { | |
name: "Suspense", | |
// In order to make Suspense tree-shakable, we need to avoid importing it | |
// directly in the renderer. The renderer checks for the __isSuspense flag | |
// on a vnode's type and calls the `process` method, passing in renderer | |
// internals. | |
__isSuspense: true, | |
process (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, // platform-specific impl passed from renderer | |
rendererInternals) { | |
if (n1 == null) { | |
mountSuspense(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals); | |
} else { | |
patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, rendererInternals); | |
} | |
}, | |
hydrate: hydrateSuspense, | |
create: createSuspenseBoundary, | |
normalize: normalizeSuspenseChildren | |
}; | |
// Force-casted public typing for h and TSX props inference | |
const Suspense = SuspenseImpl; | |
function triggerEvent(vnode, name) { | |
const eventListener = vnode.props && vnode.props[name]; | |
if ((0, _shared.isFunction)(eventListener)) { | |
eventListener(); | |
} | |
} | |
function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) { | |
const { p: patch , o: { createElement } } = rendererInternals; | |
const hiddenContainer = createElement("div"); | |
const suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals); | |
// start mounting the content subtree in an off-dom container | |
patch(null, suspense.pendingBranch = vnode.ssContent, hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds); | |
// now check if we have encountered any async deps | |
if (suspense.deps > 0) { | |
// has async | |
// invoke @fallback event | |
triggerEvent(vnode, "onPending"); | |
triggerEvent(vnode, "onFallback"); | |
// mount the fallback tree | |
patch(null, vnode.ssFallback, container, anchor, parentComponent, null, isSVG, slotScopeIds); | |
setActiveBranch(suspense, vnode.ssFallback); | |
} else { | |
// Suspense has no async deps. Just resolve. | |
suspense.resolve(); | |
} | |
} | |
function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, { p: patch , um: unmount , o: { createElement } }) { | |
const suspense = n2.suspense = n1.suspense; | |
suspense.vnode = n2; | |
n2.el = n1.el; | |
const newBranch = n2.ssContent; | |
const newFallback = n2.ssFallback; | |
const { activeBranch , pendingBranch , isInFallback , isHydrating } = suspense; | |
if (pendingBranch) { | |
suspense.pendingBranch = newBranch; | |
if (isSameVNodeType(newBranch, pendingBranch)) { | |
// same root type but content may have changed. | |
patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); | |
if (suspense.deps <= 0) { | |
suspense.resolve(); | |
} else if (isInFallback) { | |
patch(activeBranch, newFallback, container, anchor, parentComponent, null, isSVG, slotScopeIds, optimized); | |
setActiveBranch(suspense, newFallback); | |
} | |
} else { | |
// toggled before pending tree is resolved | |
suspense.pendingId++; | |
if (isHydrating) { | |
// if toggled before hydration is finished, the current DOM tree is | |
// no longer valid. set it as the active branch so it will be unmounted | |
// when resolved | |
suspense.isHydrating = false; | |
suspense.activeBranch = pendingBranch; | |
} else { | |
unmount(pendingBranch, parentComponent, suspense); | |
} | |
// increment pending ID. this is used to invalidate async callbacks | |
// reset suspense state | |
suspense.deps = 0; | |
// discard effects from pending branch | |
suspense.effects.length = 0; | |
// discard previous container | |
suspense.hiddenContainer = createElement("div"); | |
if (isInFallback) { | |
// already in fallback state | |
patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); | |
if (suspense.deps <= 0) { | |
suspense.resolve(); | |
} else { | |
patch(activeBranch, newFallback, container, anchor, parentComponent, null, isSVG, slotScopeIds, optimized); | |
setActiveBranch(suspense, newFallback); | |
} | |
} else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { | |
// toggled "back" to current active branch | |
patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); | |
// force resolve | |
suspense.resolve(true); | |
} else { | |
// switched to a 3rd branch | |
patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); | |
if (suspense.deps <= 0) { | |
suspense.resolve(); | |
} | |
} | |
} | |
} else { | |
if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { | |
// root did not change, just normal patch | |
patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); | |
setActiveBranch(suspense, newBranch); | |
} else { | |
// root node toggled | |
// invoke @pending event | |
triggerEvent(n2, "onPending"); | |
// mount pending branch in off-dom container | |
suspense.pendingBranch = newBranch; | |
suspense.pendingId++; | |
patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); | |
if (suspense.deps <= 0) { | |
// incoming branch has no async deps, resolve now. | |
suspense.resolve(); | |
} else { | |
const { timeout , pendingId } = suspense; | |
if (timeout > 0) { | |
setTimeout(()=>{ | |
if (suspense.pendingId === pendingId) { | |
suspense.fallback(newFallback); | |
} | |
}, timeout); | |
} else if (timeout === 0) { | |
suspense.fallback(newFallback); | |
} | |
} | |
} | |
} | |
} | |
let hasWarned = false; | |
function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) { | |
/* istanbul ignore if */ if ( true && !hasWarned) { | |
hasWarned = true; | |
// @ts-ignore `console.info` cannot be null error | |
console[console.info ? "info" : "log"](`<Suspense> is an experimental feature and its API will likely change.`); | |
} | |
const { p: patch , m: move , um: unmount , n: next , o: { parentNode , remove } } = rendererInternals; | |
const timeout = (0, _shared.toNumber)(vnode.props && vnode.props.timeout); | |
const suspense = { | |
vnode, | |
parent, | |
parentComponent, | |
isSVG, | |
container, | |
hiddenContainer, | |
anchor, | |
deps: 0, | |
pendingId: 0, | |
timeout: typeof timeout === "number" ? timeout : -1, | |
activeBranch: null, | |
pendingBranch: null, | |
isInFallback: true, | |
isHydrating, | |
isUnmounted: false, | |
effects: [], | |
resolve (resume = false) { | |
if (true) { | |
if (!resume && !suspense.pendingBranch) { | |
throw new Error(`suspense.resolve() is called without a pending branch.`); | |
} | |
if (suspense.isUnmounted) { | |
throw new Error(`suspense.resolve() is called on an already unmounted suspense boundary.`); | |
} | |
} | |
const { vnode , activeBranch , pendingBranch , pendingId , effects , parentComponent , container } = suspense; | |
if (suspense.isHydrating) { | |
suspense.isHydrating = false; | |
} else if (!resume) { | |
const delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in"; | |
if (delayEnter) { | |
activeBranch.transition.afterLeave = ()=>{ | |
if (pendingId === suspense.pendingId) { | |
move(pendingBranch, container, anchor, 0 /* MoveType.ENTER */ ); | |
} | |
}; | |
} | |
// this is initial anchor on mount | |
let { anchor } = suspense; | |
// unmount current active tree | |
if (activeBranch) { | |
// if the fallback tree was mounted, it may have been moved | |
// as part of a parent suspense. get the latest anchor for insertion | |
anchor = next(activeBranch); | |
unmount(activeBranch, parentComponent, suspense, true); | |
} | |
if (!delayEnter) { | |
// move content from off-dom container to actual container | |
move(pendingBranch, container, anchor, 0 /* MoveType.ENTER */ ); | |
} | |
} | |
setActiveBranch(suspense, pendingBranch); | |
suspense.pendingBranch = null; | |
suspense.isInFallback = false; | |
// flush buffered effects | |
// check if there is a pending parent suspense | |
let parent = suspense.parent; | |
let hasUnresolvedAncestor = false; | |
while(parent){ | |
if (parent.pendingBranch) { | |
// found a pending parent suspense, merge buffered post jobs | |
// into that parent | |
parent.effects.push(...effects); | |
hasUnresolvedAncestor = true; | |
break; | |
} | |
parent = parent.parent; | |
} | |
// no pending parent suspense, flush all jobs | |
if (!hasUnresolvedAncestor) { | |
queuePostFlushCb(effects); | |
} | |
suspense.effects = []; | |
// invoke @resolve event | |
triggerEvent(vnode, "onResolve"); | |
}, | |
fallback (fallbackVNode) { | |
if (!suspense.pendingBranch) { | |
return; | |
} | |
const { vnode , activeBranch , parentComponent , container , isSVG } = suspense; | |
// invoke @fallback event | |
triggerEvent(vnode, "onFallback"); | |
const anchor = next(activeBranch); | |
const mountFallback = ()=>{ | |
if (!suspense.isInFallback) { | |
return; | |
} | |
// mount the fallback tree | |
patch(null, fallbackVNode, container, anchor, parentComponent, null, isSVG, slotScopeIds, optimized); | |
setActiveBranch(suspense, fallbackVNode); | |
}; | |
const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in"; | |
if (delayEnter) { | |
activeBranch.transition.afterLeave = mountFallback; | |
} | |
suspense.isInFallback = true; | |
// unmount current active branch | |
unmount(activeBranch, parentComponent, null, true // shouldRemove | |
); | |
if (!delayEnter) { | |
mountFallback(); | |
} | |
}, | |
move (container, anchor, type) { | |
suspense.activeBranch && move(suspense.activeBranch, container, anchor, type); | |
suspense.container = container; | |
}, | |
next () { | |
return suspense.activeBranch && next(suspense.activeBranch); | |
}, | |
registerDep (instance, setupRenderEffect) { | |
const isInPendingSuspense = !!suspense.pendingBranch; | |
if (isInPendingSuspense) { | |
suspense.deps++; | |
} | |
const hydratedEl = instance.vnode.el; | |
instance.asyncDep.catch((err)=>{ | |
handleError(err, instance, 0 /* ErrorCodes.SETUP_FUNCTION */ ); | |
}).then((asyncSetupResult)=>{ | |
// retry when the setup() promise resolves. | |
// component may have been unmounted before resolve. | |
if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) { | |
return; | |
} | |
// retry from this component | |
instance.asyncResolved = true; | |
const { vnode } = instance; | |
if (true) { | |
pushWarningContext(vnode); | |
} | |
handleSetupResult(instance, asyncSetupResult, false); | |
if (hydratedEl) { | |
// vnode may have been replaced if an update happened before the | |
// async dep is resolved. | |
vnode.el = hydratedEl; | |
} | |
const placeholder = !hydratedEl && instance.subTree.el; | |
setupRenderEffect(instance, vnode, // component may have been moved before resolve. | |
// if this is not a hydration, instance.subTree will be the comment | |
// placeholder. | |
parentNode(hydratedEl || instance.subTree.el), // anchor will not be used if this is hydration, so only need to | |
// consider the comment placeholder case. | |
hydratedEl ? null : next(instance.subTree), suspense, isSVG, optimized); | |
if (placeholder) { | |
remove(placeholder); | |
} | |
updateHOCHostEl(instance, vnode.el); | |
if (true) { | |
popWarningContext(); | |
} | |
// only decrease deps count if suspense is not already resolved | |
if (isInPendingSuspense && --suspense.deps === 0) { | |
suspense.resolve(); | |
} | |
}); | |
}, | |
unmount (parentSuspense, doRemove) { | |
suspense.isUnmounted = true; | |
if (suspense.activeBranch) { | |
unmount(suspense.activeBranch, parentComponent, parentSuspense, doRemove); | |
} | |
if (suspense.pendingBranch) { | |
unmount(suspense.pendingBranch, parentComponent, parentSuspense, doRemove); | |
} | |
} | |
}; | |
return suspense; | |
} | |
function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) { | |
/* eslint-disable no-restricted-globals */ const suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement("div"), null, isSVG, slotScopeIds, optimized, rendererInternals, true); | |
// there are two possible scenarios for server-rendered suspense: | |
// - success: ssr content should be fully resolved | |
// - failure: ssr content should be the fallback branch. | |
// however, on the client we don't really know if it has failed or not | |
// attempt to hydrate the DOM assuming it has succeeded, but we still | |
// need to construct a suspense boundary first | |
const result = hydrateNode(node, suspense.pendingBranch = vnode.ssContent, parentComponent, suspense, slotScopeIds, optimized); | |
if (suspense.deps === 0) { | |
suspense.resolve(); | |
} | |
return result; | |
/* eslint-enable no-restricted-globals */ } | |
function normalizeSuspenseChildren(vnode) { | |
const { shapeFlag , children } = vnode; | |
const isSlotChildren = shapeFlag & 32 /* ShapeFlags.SLOTS_CHILDREN */ ; | |
vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children); | |
vnode.ssFallback = isSlotChildren ? normalizeSuspenseSlot(children.fallback) : createVNode(Comment); | |
} | |
function normalizeSuspenseSlot(s) { | |
let block; | |
if ((0, _shared.isFunction)(s)) { | |
const trackBlock = isBlockTreeEnabled && s._c; | |
if (trackBlock) { | |
// disableTracking: false | |
// allow block tracking for compiled slots | |
// (see ./componentRenderContext.ts) | |
s._d = false; | |
openBlock(); | |
} | |
s = s(); | |
if (trackBlock) { | |
s._d = true; | |
block = currentBlock; | |
closeBlock(); | |
} | |
} | |
if ((0, _shared.isArray)(s)) { | |
const singleChild = filterSingleRoot(s); | |
if ( true && !singleChild) { | |
warn(`<Suspense> slots expect a single root node.`); | |
} | |
s = singleChild; | |
} | |
s = normalizeVNode(s); | |
if (block && !s.dynamicChildren) { | |
s.dynamicChildren = block.filter((c)=>c !== s); | |
} | |
return s; | |
} | |
function queueEffectWithSuspense(fn, suspense) { | |
if (suspense && suspense.pendingBranch) { | |
if ((0, _shared.isArray)(fn)) { | |
suspense.effects.push(...fn); | |
} else { | |
suspense.effects.push(fn); | |
} | |
} else { | |
queuePostFlushCb(fn); | |
} | |
} | |
function setActiveBranch(suspense, branch) { | |
suspense.activeBranch = branch; | |
const { vnode , parentComponent } = suspense; | |
const el = vnode.el = branch.el; | |
// in case suspense is the root node of a component, | |
// recursively update the HOC el | |
if (parentComponent && parentComponent.subTree === vnode) { | |
parentComponent.vnode.el = el; | |
updateHOCHostEl(parentComponent, el); | |
} | |
} | |
function provide(key, value) { | |
if (!currentInstance) { | |
if (true) { | |
warn(`provide() can only be used inside setup().`); | |
} | |
} else { | |
let provides = currentInstance.provides; | |
// by default an instance inherits its parent's provides object | |
// but when it needs to provide values of its own, it creates its | |
// own provides object using parent provides object as prototype. | |
// this way in `inject` we can simply look up injections from direct | |
// parent and let the prototype chain do the work. | |
const parentProvides = currentInstance.parent && currentInstance.parent.provides; | |
if (parentProvides === provides) { | |
provides = currentInstance.provides = Object.create(parentProvides); | |
} | |
// TS doesn't allow symbol as index type | |
provides[key] = value; | |
} | |
} | |
function inject(key, defaultValue, treatDefaultAsFactory = false) { | |
// fallback to `currentRenderingInstance` so that this can be called in | |
// a functional component | |
const instance = currentInstance || currentRenderingInstance; | |
if (instance) { | |
// #2400 | |
// to support `app.use` plugins, | |
// fallback to appContext's `provides` if the instance is at root | |
const provides = instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides; | |
if (provides && key in provides) { | |
// TS doesn't allow symbol as index type | |
return provides[key]; | |
} else if (arguments.length > 1) { | |
return treatDefaultAsFactory && (0, _shared.isFunction)(defaultValue) ? defaultValue.call(instance.proxy) : defaultValue; | |
} else if (true) { | |
warn(`injection "${String(key)}" not found.`); | |
} | |
} else if (true) { | |
warn(`inject() can only be used inside setup() or functional components.`); | |
} | |
} | |
// Simple effect. | |
function watchEffect(effect, options) { | |
return doWatch(effect, null, options); | |
} | |
function watchPostEffect(effect, options) { | |
return doWatch(effect, null, true ? Object.assign(Object.assign({}, options), { | |
flush: "post" | |
}) : 0); | |
} | |
function watchSyncEffect(effect, options) { | |
return doWatch(effect, null, true ? Object.assign(Object.assign({}, options), { | |
flush: "sync" | |
}) : 0); | |
} | |
// initial value for watchers to trigger on undefined initial values | |
const INITIAL_WATCHER_VALUE = {}; | |
// implementation | |
function watch(source, cb, options) { | |
if ( true && !(0, _shared.isFunction)(cb)) { | |
warn(`\`watch(fn, options?)\` signature has been moved to a separate API. ` + `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` + `supports \`watch(source, cb, options?) signature.`); | |
} | |
return doWatch(source, cb, options); | |
} | |
function doWatch(source, cb, { immediate , deep , flush , onTrack , onTrigger } = _shared.EMPTY_OBJ) { | |
if ( true && !cb) { | |
if (immediate !== undefined) { | |
warn(`watch() "immediate" option is only respected when using the ` + `watch(source, callback, options?) signature.`); | |
} | |
if (deep !== undefined) { | |
warn(`watch() "deep" option is only respected when using the ` + `watch(source, callback, options?) signature.`); | |
} | |
} | |
const warnInvalidSource = (s)=>{ | |
warn(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` + `a reactive object, or an array of these types.`); | |
}; | |
const instance = currentInstance; | |
let getter; | |
let forceTrigger = false; | |
let isMultiSource = false; | |
if ((0, _reactivity.isRef)(source)) { | |
getter = ()=>source.value; | |
forceTrigger = (0, _reactivity.isShallow)(source); | |
} else if ((0, _reactivity.isReactive)(source)) { | |
getter = ()=>source; | |
deep = true; | |
} else if ((0, _shared.isArray)(source)) { | |
isMultiSource = true; | |
forceTrigger = source.some((s)=>(0, _reactivity.isReactive)(s) || (0, _reactivity.isShallow)(s)); | |
getter = ()=>source.map((s)=>{ | |
if ((0, _reactivity.isRef)(s)) { | |
return s.value; | |
} else if ((0, _reactivity.isReactive)(s)) { | |
return traverse(s); | |
} else if ((0, _shared.isFunction)(s)) { | |
return callWithErrorHandling(s, instance, 2 /* ErrorCodes.WATCH_GETTER */ ); | |
} else { | |
true && warnInvalidSource(s); | |
} | |
}); | |
} else if ((0, _shared.isFunction)(source)) { | |
if (cb) { | |
// getter with cb | |
getter = ()=>callWithErrorHandling(source, instance, 2 /* ErrorCodes.WATCH_GETTER */ ); | |
} else { | |
// no cb -> simple effect | |
getter = ()=>{ | |
if (instance && instance.isUnmounted) { | |
return; | |
} | |
if (cleanup) { | |
cleanup(); | |
} | |
return callWithAsyncErrorHandling(source, instance, 3 /* ErrorCodes.WATCH_CALLBACK */ , [ | |
onCleanup | |
]); | |
}; | |
} | |
} else { | |
getter = _shared.NOOP; | |
true && warnInvalidSource(source); | |
} | |
if (cb && deep) { | |
const baseGetter = getter; | |
getter = ()=>traverse(baseGetter()); | |
} | |
let cleanup; | |
let onCleanup = (fn)=>{ | |
cleanup = effect.onStop = ()=>{ | |
callWithErrorHandling(fn, instance, 4 /* ErrorCodes.WATCH_CLEANUP */ ); | |
}; | |
}; | |
// in SSR there is no need to setup an actual effect, and it should be noop | |
// unless it's eager or sync flush | |
let ssrCleanup; | |
if (isInSSRComponentSetup) { | |
// we will also not call the invalidate callback (+ runner is not set up) | |
onCleanup = _shared.NOOP; | |
if (!cb) { | |
getter(); | |
} else if (immediate) { | |
callWithAsyncErrorHandling(cb, instance, 3 /* ErrorCodes.WATCH_CALLBACK */ , [ | |
getter(), | |
isMultiSource ? [] : undefined, | |
onCleanup | |
]); | |
} | |
if (flush === "sync") { | |
const ctx = useSSRContext(); | |
ssrCleanup = ctx.__watcherHandles || (ctx.__watcherHandles = []); | |
} else { | |
return _shared.NOOP; | |
} | |
} | |
let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE; | |
const job = ()=>{ | |
if (!effect.active) { | |
return; | |
} | |
if (cb) { | |
// watch(source, cb) | |
const newValue = effect.run(); | |
if (deep || forceTrigger || (isMultiSource ? newValue.some((v1, i)=>(0, _shared.hasChanged)(v1, oldValue[i])) : (0, _shared.hasChanged)(newValue, oldValue)) || false) { | |
// cleanup before running cb again | |
if (cleanup) { | |
cleanup(); | |
} | |
callWithAsyncErrorHandling(cb, instance, 3 /* ErrorCodes.WATCH_CALLBACK */ , [ | |
newValue, | |
// pass undefined as the old value when it's changed for the first time | |
oldValue === INITIAL_WATCHER_VALUE ? undefined : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue, | |
onCleanup | |
]); | |
oldValue = newValue; | |
} | |
} else { | |
// watchEffect | |
effect.run(); | |
} | |
}; | |
// important: mark the job as a watcher callback so that scheduler knows | |
// it is allowed to self-trigger (#1727) | |
job.allowRecurse = !!cb; | |
let scheduler; | |
if (flush === "sync") { | |
scheduler = job; // the scheduler function gets called directly | |
} else if (flush === "post") { | |
scheduler = ()=>queuePostRenderEffect(job, instance && instance.suspense); | |
} else { | |
// default: 'pre' | |
job.pre = true; | |
if (instance) job.id = instance.uid; | |
scheduler = ()=>queueJob(job); | |
} | |
const effect = new _reactivity.ReactiveEffect(getter, scheduler); | |
if (true) { | |
effect.onTrack = onTrack; | |
effect.onTrigger = onTrigger; | |
} | |
// initial run | |
if (cb) { | |
if (immediate) { | |
job(); | |
} else { | |
oldValue = effect.run(); | |
} | |
} else if (flush === "post") { | |
queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense); | |
} else { | |
effect.run(); | |
} | |
const unwatch = ()=>{ | |
effect.stop(); | |
if (instance && instance.scope) { | |
(0, _shared.remove)(instance.scope.effects, effect); | |
} | |
}; | |
if (ssrCleanup) ssrCleanup.push(unwatch); | |
return unwatch; | |
} | |
// this.$watch | |
function instanceWatch(source, value, options) { | |
const publicThis = this.proxy; | |
const getter = (0, _shared.isString)(source) ? source.includes(".") ? createPathGetter(publicThis, source) : ()=>publicThis[source] : source.bind(publicThis, publicThis); | |
let cb; | |
if ((0, _shared.isFunction)(value)) { | |
cb = value; | |
} else { | |
cb = value.handler; | |
options = value; | |
} | |
const cur = currentInstance; | |
setCurrentInstance(this); | |
const res = doWatch(getter, cb.bind(publicThis), options); | |
if (cur) { | |
setCurrentInstance(cur); | |
} else { | |
unsetCurrentInstance(); | |
} | |
return res; | |
} | |
function createPathGetter(ctx, path) { | |
const segments = path.split("."); | |
return ()=>{ | |
let cur = ctx; | |
for(let i = 0; i < segments.length && cur; i++){ | |
cur = cur[segments[i]]; | |
} | |
return cur; | |
}; | |
} | |
function traverse(value, seen) { | |
if (!(0, _shared.isObject)(value) || value["__v_skip" /* ReactiveFlags.SKIP */ ]) { | |
return value; | |
} | |
seen = seen || new Set(); | |
if (seen.has(value)) { | |
return value; | |
} | |
seen.add(value); | |
if ((0, _reactivity.isRef)(value)) { | |
traverse(value.value, seen); | |
} else if ((0, _shared.isArray)(value)) { | |
for(let i = 0; i < value.length; i++){ | |
traverse(value[i], seen); | |
} | |
} else if ((0, _shared.isSet)(value) || (0, _shared.isMap)(value)) { | |
value.forEach((v1)=>{ | |
traverse(v1, seen); | |
}); | |
} else if ((0, _shared.isPlainObject)(value)) { | |
for(const key in value){ | |
traverse(value[key], seen); | |
} | |
} | |
return value; | |
} | |
function useTransitionState() { | |
const state = { | |
isMounted: false, | |
isLeaving: false, | |
isUnmounting: false, | |
leavingVNodes: new Map() | |
}; | |
onMounted(()=>{ | |
state.isMounted = true; | |
}); | |
onBeforeUnmount(()=>{ | |
state.isUnmounting = true; | |
}); | |
return state; | |
} | |
const TransitionHookValidator = [ | |
Function, | |
Array | |
]; | |
const BaseTransitionImpl = { | |
name: `BaseTransition`, | |
props: { | |
mode: String, | |
appear: Boolean, | |
persisted: Boolean, | |
// enter | |
onBeforeEnter: TransitionHookValidator, | |
onEnter: TransitionHookValidator, | |
onAfterEnter: TransitionHookValidator, | |
onEnterCancelled: TransitionHookValidator, | |
// leave | |
onBeforeLeave: TransitionHookValidator, | |
onLeave: TransitionHookValidator, | |
onAfterLeave: TransitionHookValidator, | |
onLeaveCancelled: TransitionHookValidator, | |
// appear | |
onBeforeAppear: TransitionHookValidator, | |
onAppear: TransitionHookValidator, | |
onAfterAppear: TransitionHookValidator, | |
onAppearCancelled: TransitionHookValidator | |
}, | |
setup (props, { slots }) { | |
const instance = getCurrentInstance(); | |
const state = useTransitionState(); | |
let prevTransitionKey; | |
return ()=>{ | |
const children = slots.default && getTransitionRawChildren(slots.default(), true); | |
if (!children || !children.length) { | |
return; | |
} | |
let child = children[0]; | |
if (children.length > 1) { | |
let hasFound = false; | |
// locate first non-comment child | |
for (const c of children){ | |
if (c.type !== Comment) { | |
if ( true && hasFound) { | |
// warn more than one non-comment child | |
warn("<transition> can only be used on a single element or component. " + "Use <transition-group> for lists."); | |
break; | |
} | |
child = c; | |
hasFound = true; | |
if (false) {} | |
} | |
} | |
} | |
// there's no need to track reactivity for these props so use the raw | |
// props for a bit better perf | |
const rawProps = (0, _reactivity.toRaw)(props); | |
const { mode } = rawProps; | |
// check mode | |
if ( true && mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") { | |
warn(`invalid <transition> mode: ${mode}`); | |
} | |
if (state.isLeaving) { | |
return emptyPlaceholder(child); | |
} | |
// in the case of <transition><keep-alive/></transition>, we need to | |
// compare the type of the kept-alive children. | |
const innerChild = getKeepAliveChild(child); | |
if (!innerChild) { | |
return emptyPlaceholder(child); | |
} | |
const enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance); | |
setTransitionHooks(innerChild, enterHooks); | |
const oldChild = instance.subTree; | |
const oldInnerChild = oldChild && getKeepAliveChild(oldChild); | |
let transitionKeyChanged = false; | |
const { getTransitionKey } = innerChild.type; | |
if (getTransitionKey) { | |
const key = getTransitionKey(); | |
if (prevTransitionKey === undefined) { | |
prevTransitionKey = key; | |
} else if (key !== prevTransitionKey) { | |
prevTransitionKey = key; | |
transitionKeyChanged = true; | |
} | |
} | |
// handle mode | |
if (oldInnerChild && oldInnerChild.type !== Comment && (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) { | |
const leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance); | |
// update old tree's hooks in case of dynamic transition | |
setTransitionHooks(oldInnerChild, leavingHooks); | |
// switching between different views | |
if (mode === "out-in") { | |
state.isLeaving = true; | |
// return placeholder node and queue update when leave finishes | |
leavingHooks.afterLeave = ()=>{ | |
state.isLeaving = false; | |
// #6835 | |
// it also needs to be updated when active is undefined | |
if (instance.update.active !== false) { | |
instance.update(); | |
} | |
}; | |
return emptyPlaceholder(child); | |
} else if (mode === "in-out" && innerChild.type !== Comment) { | |
leavingHooks.delayLeave = (el, earlyRemove, delayedLeave)=>{ | |
const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild); | |
leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; | |
// early removal callback | |
el._leaveCb = ()=>{ | |
earlyRemove(); | |
el._leaveCb = undefined; | |
delete enterHooks.delayedLeave; | |
}; | |
enterHooks.delayedLeave = delayedLeave; | |
}; | |
} | |
} | |
return child; | |
}; | |
} | |
}; | |
// export the public type for h/tsx inference | |
// also to avoid inline import() in generated d.ts files | |
const BaseTransition = BaseTransitionImpl; | |
function getLeavingNodesForType(state, vnode) { | |
const { leavingVNodes } = state; | |
let leavingVNodesCache = leavingVNodes.get(vnode.type); | |
if (!leavingVNodesCache) { | |
leavingVNodesCache = Object.create(null); | |
leavingVNodes.set(vnode.type, leavingVNodesCache); | |
} | |
return leavingVNodesCache; | |
} | |
// The transition hooks are attached to the vnode as vnode.transition | |
// and will be called at appropriate timing in the renderer. | |
function resolveTransitionHooks(vnode, props, state, instance) { | |
const { appear , mode , persisted =false , onBeforeEnter , onEnter , onAfterEnter , onEnterCancelled , onBeforeLeave , onLeave , onAfterLeave , onLeaveCancelled , onBeforeAppear , onAppear , onAfterAppear , onAppearCancelled } = props; | |
const key = String(vnode.key); | |
const leavingVNodesCache = getLeavingNodesForType(state, vnode); | |
const callHook = (hook, args)=>{ | |
hook && callWithAsyncErrorHandling(hook, instance, 9 /* ErrorCodes.TRANSITION_HOOK */ , args); | |
}; | |
const callAsyncHook = (hook, args)=>{ | |
const done = args[1]; | |
callHook(hook, args); | |
if ((0, _shared.isArray)(hook)) { | |
if (hook.every((hook)=>hook.length <= 1)) done(); | |
} else if (hook.length <= 1) { | |
done(); | |
} | |
}; | |
const hooks = { | |
mode, | |
persisted, | |
beforeEnter (el) { | |
let hook = onBeforeEnter; | |
if (!state.isMounted) { | |
if (appear) { | |
hook = onBeforeAppear || onBeforeEnter; | |
} else { | |
return; | |
} | |
} | |
// for same element (v-show) | |
if (el._leaveCb) { | |
el._leaveCb(true); | |
} | |
// for toggled element with same key (v-if) | |
const leavingVNode = leavingVNodesCache[key]; | |
if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el._leaveCb) { | |
// force early removal (not cancelled) | |
leavingVNode.el._leaveCb(); | |
} | |
callHook(hook, [ | |
el | |
]); | |
}, | |
enter (el) { | |
let hook = onEnter; | |
let afterHook = onAfterEnter; | |
let cancelHook = onEnterCancelled; | |
if (!state.isMounted) { | |
if (appear) { | |
hook = onAppear || onEnter; | |
afterHook = onAfterAppear || onAfterEnter; | |
cancelHook = onAppearCancelled || onEnterCancelled; | |
} else { | |
return; | |
} | |
} | |
let called = false; | |
const done = el._enterCb = (cancelled)=>{ | |
if (called) return; | |
called = true; | |
if (cancelled) { | |
callHook(cancelHook, [ | |
el | |
]); | |
} else { | |
callHook(afterHook, [ | |
el | |
]); | |
} | |
if (hooks.delayedLeave) { | |
hooks.delayedLeave(); | |
} | |
el._enterCb = undefined; | |
}; | |
if (hook) { | |
callAsyncHook(hook, [ | |
el, | |
done | |
]); | |
} else { | |
done(); | |
} | |
}, | |
leave (el, remove) { | |
const key = String(vnode.key); | |
if (el._enterCb) { | |
el._enterCb(true); | |
} | |
if (state.isUnmounting) { | |
return remove(); | |
} | |
callHook(onBeforeLeave, [ | |
el | |
]); | |
let called = false; | |
const done = el._leaveCb = (cancelled)=>{ | |
if (called) return; | |
called = true; | |
remove(); | |
if (cancelled) { | |
callHook(onLeaveCancelled, [ | |
el | |
]); | |
} else { | |
callHook(onAfterLeave, [ | |
el | |
]); | |
} | |
el._leaveCb = undefined; | |
if (leavingVNodesCache[key] === vnode) { | |
delete leavingVNodesCache[key]; | |
} | |
}; | |
leavingVNodesCache[key] = vnode; | |
if (onLeave) { | |
callAsyncHook(onLeave, [ | |
el, | |
done | |
]); | |
} else { | |
done(); | |
} | |
}, | |
clone (vnode) { | |
return resolveTransitionHooks(vnode, props, state, instance); | |
} | |
}; | |
return hooks; | |
} | |
// the placeholder really only handles one special case: KeepAlive | |
// in the case of a KeepAlive in a leave phase we need to return a KeepAlive | |
// placeholder with empty content to avoid the KeepAlive instance from being | |
// unmounted. | |
function emptyPlaceholder(vnode) { | |
if (isKeepAlive(vnode)) { | |
vnode = cloneVNode(vnode); | |
vnode.children = null; | |
return vnode; | |
} | |
} | |
function getKeepAliveChild(vnode) { | |
return isKeepAlive(vnode) ? vnode.children ? vnode.children[0] : undefined : vnode; | |
} | |
function setTransitionHooks(vnode, hooks) { | |
if (vnode.shapeFlag & 6 /* ShapeFlags.COMPONENT */ && vnode.component) { | |
setTransitionHooks(vnode.component.subTree, hooks); | |
} else if (vnode.shapeFlag & 128 /* ShapeFlags.SUSPENSE */ ) { | |
vnode.ssContent.transition = hooks.clone(vnode.ssContent); | |
vnode.ssFallback.transition = hooks.clone(vnode.ssFallback); | |
} else { | |
vnode.transition = hooks; | |
} | |
} | |
function getTransitionRawChildren(children, keepComment = false, parentKey) { | |
let ret = []; | |
let keyedFragmentCount = 0; | |
for(let i = 0; i < children.length; i++){ | |
let child = children[i]; | |
// #5360 inherit parent key in case of <template v-for> | |
const key = parentKey == null ? child.key : String(parentKey) + String(child.key != null ? child.key : i); | |
// handle fragment children case, e.g. v-for | |
if (child.type === Fragment) { | |
if (child.patchFlag & 128 /* PatchFlags.KEYED_FRAGMENT */ ) keyedFragmentCount++; | |
ret = ret.concat(getTransitionRawChildren(child.children, keepComment, key)); | |
} else if (keepComment || child.type !== Comment) { | |
ret.push(key != null ? cloneVNode(child, { | |
key | |
}) : child); | |
} | |
} | |
// #1126 if a transition children list contains multiple sub fragments, these | |
// fragments will be merged into a flat children array. Since each v-for | |
// fragment may contain different static bindings inside, we need to de-op | |
// these children to force full diffs to ensure correct behavior. | |
if (keyedFragmentCount > 1) { | |
for(let i1 = 0; i1 < ret.length; i1++){ | |
ret[i1].patchFlag = -2 /* PatchFlags.BAIL */ ; | |
} | |
} | |
return ret; | |
} | |
// implementation, close to no-op | |
function defineComponent(options) { | |
return (0, _shared.isFunction)(options) ? { | |
setup: options, | |
name: options.name | |
} : options; | |
} | |
const isAsyncWrapper = (i)=>!!i.type.__asyncLoader; | |
function defineAsyncComponent(source) { | |
if ((0, _shared.isFunction)(source)) { | |
source = { | |
loader: source | |
}; | |
} | |
const { loader , loadingComponent , errorComponent , delay =200 , timeout , suspensible =true , onError: userOnError } = source; | |
let pendingRequest = null; | |
let resolvedComp; | |
let retries = 0; | |
const retry = ()=>{ | |
retries++; | |
pendingRequest = null; | |
return load(); | |
}; | |
const load = ()=>{ | |
let thisRequest; | |
return pendingRequest || (thisRequest = pendingRequest = loader().catch((err)=>{ | |
err = err instanceof Error ? err : new Error(String(err)); | |
if (userOnError) { | |
return new Promise((resolve, reject)=>{ | |
const userRetry = ()=>resolve(retry()); | |
const userFail = ()=>reject(err); | |
userOnError(err, userRetry, userFail, retries + 1); | |
}); | |
} else { | |
throw err; | |
} | |
}).then((comp)=>{ | |
if (thisRequest !== pendingRequest && pendingRequest) { | |
return pendingRequest; | |
} | |
if ( true && !comp) { | |
warn(`Async component loader resolved to undefined. ` + `If you are using retry(), make sure to return its return value.`); | |
} | |
// interop module default | |
if (comp && (comp.__esModule || comp[Symbol.toStringTag] === "Module")) { | |
comp = comp.default; | |
} | |
if ( true && comp && !(0, _shared.isObject)(comp) && !(0, _shared.isFunction)(comp)) { | |
throw new Error(`Invalid async component load result: ${comp}`); | |
} | |
resolvedComp = comp; | |
return comp; | |
})); | |
}; | |
return defineComponent({ | |
name: "AsyncComponentWrapper", | |
__asyncLoader: load, | |
get __asyncResolved () { | |
return resolvedComp; | |
}, | |
setup () { | |
const instance = currentInstance; | |
// already resolved | |
if (resolvedComp) { | |
return ()=>createInnerComp(resolvedComp, instance); | |
} | |
const onError = (err)=>{ | |
pendingRequest = null; | |
handleError(err, instance, 13 /* ErrorCodes.ASYNC_COMPONENT_LOADER */ , !errorComponent /* do not throw in dev if user provided error component */ ); | |
}; | |
// suspense-controlled or SSR. | |
if (suspensible && instance.suspense || isInSSRComponentSetup) { | |
return load().then((comp)=>{ | |
return ()=>createInnerComp(comp, instance); | |
}).catch((err)=>{ | |
onError(err); | |
return ()=>errorComponent ? createVNode(errorComponent, { | |
error: err | |
}) : null; | |
}); | |
} | |
const loaded = (0, _reactivity.ref)(false); | |
const error = (0, _reactivity.ref)(); | |
const delayed = (0, _reactivity.ref)(!!delay); | |
if (delay) { | |
setTimeout(()=>{ | |
delayed.value = false; | |
}, delay); | |
} | |
if (timeout != null) { | |
setTimeout(()=>{ | |
if (!loaded.value && !error.value) { | |
const err = new Error(`Async component timed out after ${timeout}ms.`); | |
onError(err); | |
error.value = err; | |
} | |
}, timeout); | |
} | |
load().then(()=>{ | |
loaded.value = true; | |
if (instance.parent && isKeepAlive(instance.parent.vnode)) { | |
// parent is keep-alive, force update so the loaded component's | |
// name is taken into account | |
queueJob(instance.parent.update); | |
} | |
}).catch((err)=>{ | |
onError(err); | |
error.value = err; | |
}); | |
return ()=>{ | |
if (loaded.value && resolvedComp) { | |
return createInnerComp(resolvedComp, instance); | |
} else if (error.value && errorComponent) { | |
return createVNode(errorComponent, { | |
error: error.value | |
}); | |
} else if (loadingComponent && !delayed.value) { | |
return createVNode(loadingComponent); | |
} | |
}; | |
} | |
}); | |
} | |
function createInnerComp(comp, parent) { | |
const { ref , props , children , ce } = parent.vnode; | |
const vnode = createVNode(comp, props, children); | |
// ensure inner component inherits the async wrapper's ref owner | |
vnode.ref = ref; | |
// pass the custom element callback on to the inner comp | |
// and remove it from the async wrapper | |
vnode.ce = ce; | |
delete parent.vnode.ce; | |
return vnode; | |
} | |
const isKeepAlive = (vnode)=>vnode.type.__isKeepAlive; | |
const KeepAliveImpl = { | |
name: `KeepAlive`, | |
// Marker for special handling inside the renderer. We are not using a === | |
// check directly on KeepAlive in the renderer, because importing it directly | |
// would prevent it from being tree-shaken. | |
__isKeepAlive: true, | |
props: { | |
include: [ | |
String, | |
RegExp, | |
Array | |
], | |
exclude: [ | |
String, | |
RegExp, | |
Array | |
], | |
max: [ | |
String, | |
Number | |
] | |
}, | |
setup (props, { slots }) { | |
const instance = getCurrentInstance(); | |
// KeepAlive communicates with the instantiated renderer via the | |
// ctx where the renderer passes in its internals, | |
// and the KeepAlive instance exposes activate/deactivate implementations. | |
// The whole point of this is to avoid importing KeepAlive directly in the | |
// renderer to facilitate tree-shaking. | |
const sharedContext = instance.ctx; | |
// if the internal renderer is not registered, it indicates that this is server-side rendering, | |
// for KeepAlive, we just need to render its children | |
if (!sharedContext.renderer) { | |
return ()=>{ | |
const children = slots.default && slots.default(); | |
return children && children.length === 1 ? children[0] : children; | |
}; | |
} | |
const cache = new Map(); | |
const keys = new Set(); | |
let current = null; | |
if (true) { | |
instance.__v_cache = cache; | |
} | |
const parentSuspense = instance.suspense; | |
const { renderer: { p: patch , m: move , um: _unmount , o: { createElement } } } = sharedContext; | |
const storageContainer = createElement("div"); | |
sharedContext.activate = (vnode, container, anchor, isSVG, optimized)=>{ | |
const instance = vnode.component; | |
move(vnode, container, anchor, 0 /* MoveType.ENTER */ , parentSuspense); | |
// in case props have changed | |
patch(instance.vnode, vnode, container, anchor, instance, parentSuspense, isSVG, vnode.slotScopeIds, optimized); | |
queuePostRenderEffect(()=>{ | |
instance.isDeactivated = false; | |
if (instance.a) { | |
(0, _shared.invokeArrayFns)(instance.a); | |
} | |
const vnodeHook = vnode.props && vnode.props.onVnodeMounted; | |
if (vnodeHook) { | |
invokeVNodeHook(vnodeHook, instance.parent, vnode); | |
} | |
}, parentSuspense); | |
if (true) { | |
// Update components tree | |
devtoolsComponentAdded(instance); | |
} | |
}; | |
sharedContext.deactivate = (vnode)=>{ | |
const instance = vnode.component; | |
move(vnode, storageContainer, null, 1 /* MoveType.LEAVE */ , parentSuspense); | |
queuePostRenderEffect(()=>{ | |
if (instance.da) { | |
(0, _shared.invokeArrayFns)(instance.da); | |
} | |
const vnodeHook = vnode.props && vnode.props.onVnodeUnmounted; | |
if (vnodeHook) { | |
invokeVNodeHook(vnodeHook, instance.parent, vnode); | |
} | |
instance.isDeactivated = true; | |
}, parentSuspense); | |
if (true) { | |
// Update components tree | |
devtoolsComponentAdded(instance); | |
} | |
}; | |
function unmount(vnode) { | |
// reset the shapeFlag so it can be properly unmounted | |
resetShapeFlag(vnode); | |
_unmount(vnode, instance, parentSuspense, true); | |
} | |
function pruneCache(filter) { | |
cache.forEach((vnode, key)=>{ | |
const name = getComponentName(vnode.type); | |
if (name && (!filter || !filter(name))) { | |
pruneCacheEntry(key); | |
} | |
}); | |
} | |
function pruneCacheEntry(key) { | |
const cached = cache.get(key); | |
if (!current || cached.type !== current.type) { | |
unmount(cached); | |
} else if (current) { | |
// current active instance should no longer be kept-alive. | |
// we can't unmount it now but it might be later, so reset its flag now. | |
resetShapeFlag(current); | |
} | |
cache.delete(key); | |
keys.delete(key); | |
} | |
// prune cache on include/exclude prop change | |
watch(()=>[ | |
props.include, | |
props.exclude | |
], ([include, exclude])=>{ | |
include && pruneCache((name)=>matches(include, name)); | |
exclude && pruneCache((name)=>!matches(exclude, name)); | |
}, // prune post-render after `current` has been updated | |
{ | |
flush: "post", | |
deep: true | |
}); | |
// cache sub tree after render | |
let pendingCacheKey = null; | |
const cacheSubtree = ()=>{ | |
// fix #1621, the pendingCacheKey could be 0 | |
if (pendingCacheKey != null) { | |
cache.set(pendingCacheKey, getInnerChild(instance.subTree)); | |
} | |
}; | |
onMounted(cacheSubtree); | |
onUpdated(cacheSubtree); | |
onBeforeUnmount(()=>{ | |
cache.forEach((cached)=>{ | |
const { subTree , suspense } = instance; | |
const vnode = getInnerChild(subTree); | |
if (cached.type === vnode.type) { | |
// current instance will be unmounted as part of keep-alive's unmount | |
resetShapeFlag(vnode); | |
// but invoke its deactivated hook here | |
const da = vnode.component.da; | |
da && queuePostRenderEffect(da, suspense); | |
return; | |
} | |
unmount(cached); | |
}); | |
}); | |
return ()=>{ | |
pendingCacheKey = null; | |
if (!slots.default) { | |
return null; | |
} | |
const children = slots.default(); | |
const rawVNode = children[0]; | |
if (children.length > 1) { | |
if (true) { | |
warn(`KeepAlive should contain exactly one component child.`); | |
} | |
current = null; | |
return children; | |
} else if (!isVNode(rawVNode) || !(rawVNode.shapeFlag & 4 /* ShapeFlags.STATEFUL_COMPONENT */ ) && !(rawVNode.shapeFlag & 128 /* ShapeFlags.SUSPENSE */ )) { | |
current = null; | |
return rawVNode; | |
} | |
let vnode = getInnerChild(rawVNode); | |
const comp = vnode.type; | |
// for async components, name check should be based in its loaded | |
// inner component if available | |
const name = getComponentName(isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : comp); | |
const { include , exclude , max } = props; | |
if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) { | |
current = vnode; | |
return rawVNode; | |
} | |
const key = vnode.key == null ? comp : vnode.key; | |
const cachedVNode = cache.get(key); | |
// clone vnode if it's reused because we are going to mutate it | |
if (vnode.el) { | |
vnode = cloneVNode(vnode); | |
if (rawVNode.shapeFlag & 128 /* ShapeFlags.SUSPENSE */ ) { | |
rawVNode.ssContent = vnode; | |
} | |
} | |
// #1513 it's possible for the returned vnode to be cloned due to attr | |
// fallthrough or scopeId, so the vnode here may not be the final vnode | |
// that is mounted. Instead of caching it directly, we store the pending | |
// key and cache `instance.subTree` (the normalized vnode) in | |
// beforeMount/beforeUpdate hooks. | |
pendingCacheKey = key; | |
if (cachedVNode) { | |
// copy over mounted state | |
vnode.el = cachedVNode.el; | |
vnode.component = cachedVNode.component; | |
if (vnode.transition) { | |
// recursively update transition hooks on subTree | |
setTransitionHooks(vnode, vnode.transition); | |
} | |
// avoid vnode being mounted as fresh | |
vnode.shapeFlag |= 512 /* ShapeFlags.COMPONENT_KEPT_ALIVE */ ; | |
// make this key the freshest | |
keys.delete(key); | |
keys.add(key); | |
} else { | |
keys.add(key); | |
// prune oldest entry | |
if (max && keys.size > parseInt(max, 10)) { | |
pruneCacheEntry(keys.values().next().value); | |
} | |
} | |
// avoid vnode being unmounted | |
vnode.shapeFlag |= 256 /* ShapeFlags.COMPONENT_SHOULD_KEEP_ALIVE */ ; | |
current = vnode; | |
return isSuspense(rawVNode.type) ? rawVNode : vnode; | |
}; | |
} | |
}; | |
// export the public type for h/tsx inference | |
// also to avoid inline import() in generated d.ts files | |
const KeepAlive = KeepAliveImpl; | |
function matches(pattern, name) { | |
if ((0, _shared.isArray)(pattern)) { | |
return pattern.some((p)=>matches(p, name)); | |
} else if ((0, _shared.isString)(pattern)) { | |
return pattern.split(",").includes(name); | |
} else if (pattern.test) { | |
return pattern.test(name); | |
} | |
/* istanbul ignore next */ return false; | |
} | |
function onActivated(hook, target) { | |
registerKeepAliveHook(hook, "a" /* LifecycleHooks.ACTIVATED */ , target); | |
} | |
function onDeactivated(hook, target) { | |
registerKeepAliveHook(hook, "da" /* LifecycleHooks.DEACTIVATED */ , target); | |
} | |
function registerKeepAliveHook(hook, type, target = currentInstance) { | |
// cache the deactivate branch check wrapper for injected hooks so the same | |
// hook can be properly deduped by the scheduler. "__wdc" stands for "with | |
// deactivation check". | |
const wrappedHook = hook.__wdc || (hook.__wdc = ()=>{ | |
// only fire the hook if the target instance is NOT in a deactivated branch. | |
let current = target; | |
while(current){ | |
if (current.isDeactivated) { | |
return; | |
} | |
current = current.parent; | |
} | |
return hook(); | |
}); | |
injectHook(type, wrappedHook, target); | |
// In addition to registering it on the target instance, we walk up the parent | |
// chain and register it on all ancestor instances that are keep-alive roots. | |
// This avoids the need to walk the entire component tree when invoking these | |
// hooks, and more importantly, avoids the need to track child components in | |
// arrays. | |
if (target) { | |
let current = target.parent; | |
while(current && current.parent){ | |
if (isKeepAlive(current.parent.vnode)) { | |
injectToKeepAliveRoot(wrappedHook, type, target, current); | |
} | |
current = current.parent; | |
} | |
} | |
} | |
function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) { | |
// injectHook wraps the original for error handling, so make sure to remove | |
// the wrapped version. | |
const injected = injectHook(type, hook, keepAliveRoot, true); | |
onUnmounted(()=>{ | |
(0, _shared.remove)(keepAliveRoot[type], injected); | |
}, target); | |
} | |
function resetShapeFlag(vnode) { | |
// bitwise operations to remove keep alive flags | |
vnode.shapeFlag &= ~256 /* ShapeFlags.COMPONENT_SHOULD_KEEP_ALIVE */ ; | |
vnode.shapeFlag &= ~512 /* ShapeFlags.COMPONENT_KEPT_ALIVE */ ; | |
} | |
function getInnerChild(vnode) { | |
return vnode.shapeFlag & 128 /* ShapeFlags.SUSPENSE */ ? vnode.ssContent : vnode; | |
} | |
function injectHook(type, hook, target = currentInstance, prepend = false) { | |
if (target) { | |
const hooks = target[type] || (target[type] = []); | |
// cache the error handling wrapper for injected hooks so the same hook | |
// can be properly deduped by the scheduler. "__weh" stands for "with error | |
// handling". | |
const wrappedHook = hook.__weh || (hook.__weh = (...args)=>{ | |
if (target.isUnmounted) { | |
return; | |
} | |
// disable tracking inside all lifecycle hooks | |
// since they can potentially be called inside effects. | |
(0, _reactivity.pauseTracking)(); | |
// Set currentInstance during hook invocation. | |
// This assumes the hook does not synchronously trigger other hooks, which | |
// can only be false when the user does something really funky. | |
setCurrentInstance(target); | |
const res = callWithAsyncErrorHandling(hook, target, type, args); | |
unsetCurrentInstance(); | |
(0, _reactivity.resetTracking)(); | |
return res; | |
}); | |
if (prepend) { | |
hooks.unshift(wrappedHook); | |
} else { | |
hooks.push(wrappedHook); | |
} | |
return wrappedHook; | |
} else if (true) { | |
const apiName = (0, _shared.toHandlerKey)(ErrorTypeStrings[type].replace(/ hook$/, "")); | |
warn(`${apiName} is called when there is no active component instance to be ` + `associated with. ` + `Lifecycle injection APIs can only be used during execution of setup().` + (` If you are using async setup(), make sure to register lifecycle ` + `hooks before the first await statement.`)); | |
} | |
} | |
const createHook = (lifecycle)=>(hook, target = currentInstance)=>// post-create lifecycle registrations are noops during SSR (except for serverPrefetch) | |
(!isInSSRComponentSetup || lifecycle === "sp" /* LifecycleHooks.SERVER_PREFETCH */ ) && injectHook(lifecycle, (...args)=>hook(...args), target); | |
const onBeforeMount = createHook("bm" /* LifecycleHooks.BEFORE_MOUNT */ ); | |
const onMounted = createHook("m" /* LifecycleHooks.MOUNTED */ ); | |
const onBeforeUpdate = createHook("bu" /* LifecycleHooks.BEFORE_UPDATE */ ); | |
const onUpdated = createHook("u" /* LifecycleHooks.UPDATED */ ); | |
const onBeforeUnmount = createHook("bum" /* LifecycleHooks.BEFORE_UNMOUNT */ ); | |
const onUnmounted = createHook("um" /* LifecycleHooks.UNMOUNTED */ ); | |
const onServerPrefetch = createHook("sp" /* LifecycleHooks.SERVER_PREFETCH */ ); | |
const onRenderTriggered = createHook("rtg" /* LifecycleHooks.RENDER_TRIGGERED */ ); | |
const onRenderTracked = createHook("rtc" /* LifecycleHooks.RENDER_TRACKED */ ); | |
function onErrorCaptured(hook, target = currentInstance) { | |
injectHook("ec" /* LifecycleHooks.ERROR_CAPTURED */ , hook, target); | |
} | |
/** | |
Runtime helper for applying directives to a vnode. Example usage: | |
const comp = resolveComponent('comp') | |
const foo = resolveDirective('foo') | |
const bar = resolveDirective('bar') | |
return withDirectives(h(comp), [ | |
[foo, this.x], | |
[bar, this.y] | |
]) | |
*/ function validateDirectiveName(name) { | |
if ((0, _shared.isBuiltInDirective)(name)) { | |
warn("Do not use built-in directive ids as custom directive id: " + name); | |
} | |
} | |
/** | |
* Adds directives to a VNode. | |
*/ function withDirectives(vnode, directives) { | |
const internalInstance = currentRenderingInstance; | |
if (internalInstance === null) { | |
true && warn(`withDirectives can only be used inside render functions.`); | |
return vnode; | |
} | |
const instance = getExposeProxy(internalInstance) || internalInstance.proxy; | |
const bindings = vnode.dirs || (vnode.dirs = []); | |
for(let i = 0; i < directives.length; i++){ | |
let [dir, value, arg, modifiers = _shared.EMPTY_OBJ] = directives[i]; | |
if (dir) { | |
if ((0, _shared.isFunction)(dir)) { | |
dir = { | |
mounted: dir, | |
updated: dir | |
}; | |
} | |
if (dir.deep) { | |
traverse(value); | |
} | |
bindings.push({ | |
dir, | |
instance, | |
value, | |
oldValue: void 0, | |
arg, | |
modifiers | |
}); | |
} | |
} | |
return vnode; | |
} | |
function invokeDirectiveHook(vnode, prevVNode, instance, name) { | |
const bindings = vnode.dirs; | |
const oldBindings = prevVNode && prevVNode.dirs; | |
for(let i = 0; i < bindings.length; i++){ | |
const binding = bindings[i]; | |
if (oldBindings) { | |
binding.oldValue = oldBindings[i].value; | |
} | |
let hook = binding.dir[name]; | |
if (hook) { | |
// disable tracking inside all lifecycle hooks | |
// since they can potentially be called inside effects. | |
(0, _reactivity.pauseTracking)(); | |
callWithAsyncErrorHandling(hook, instance, 8 /* ErrorCodes.DIRECTIVE_HOOK */ , [ | |
vnode.el, | |
binding, | |
vnode, | |
prevVNode | |
]); | |
(0, _reactivity.resetTracking)(); | |
} | |
} | |
} | |
const COMPONENTS = "components"; | |
const DIRECTIVES = "directives"; | |
/** | |
* @private | |
*/ function resolveComponent(name, maybeSelfReference) { | |
return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name; | |
} | |
const NULL_DYNAMIC_COMPONENT = Symbol(); | |
/** | |
* @private | |
*/ function resolveDynamicComponent(component) { | |
if ((0, _shared.isString)(component)) { | |
return resolveAsset(COMPONENTS, component, false) || component; | |
} else { | |
// invalid types will fallthrough to createVNode and raise warning | |
return component || NULL_DYNAMIC_COMPONENT; | |
} | |
} | |
/** | |
* @private | |
*/ function resolveDirective(name) { | |
return resolveAsset(DIRECTIVES, name); | |
} | |
// implementation | |
function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) { | |
const instance = currentRenderingInstance || currentInstance; | |
if (instance) { | |
const Component = instance.type; | |
// explicit self name has highest priority | |
if (type === COMPONENTS) { | |
const selfName = getComponentName(Component, false); | |
if (selfName && (selfName === name || selfName === (0, _shared.camelize)(name) || selfName === (0, _shared.capitalize)((0, _shared.camelize)(name)))) { | |
return Component; | |
} | |
} | |
const res = // local registration | |
// check instance[type] first which is resolved for options API | |
resolve(instance[type] || Component[type], name) || // global registration | |
resolve(instance.appContext[type], name); | |
if (!res && maybeSelfReference) { | |
// fallback to implicit self-reference | |
return Component; | |
} | |
if ( true && warnMissing && !res) { | |
const extra = type === COMPONENTS ? `\nIf this is a native custom element, make sure to exclude it from ` + `component resolution via compilerOptions.isCustomElement.` : ``; | |
warn(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`); | |
} | |
return res; | |
} else if (true) { | |
warn(`resolve${(0, _shared.capitalize)(type.slice(0, -1))} ` + `can only be used in render() or setup().`); | |
} | |
} | |
function resolve(registry, name) { | |
return registry && (registry[name] || registry[(0, _shared.camelize)(name)] || registry[(0, _shared.capitalize)((0, _shared.camelize)(name))]); | |
} | |
/** | |
* Actual implementation | |
*/ function renderList(source, renderItem, cache, index) { | |
let ret; | |
const cached = cache && cache[index]; | |
if ((0, _shared.isArray)(source) || (0, _shared.isString)(source)) { | |
ret = new Array(source.length); | |
for(let i = 0, l = source.length; i < l; i++){ | |
ret[i] = renderItem(source[i], i, undefined, cached && cached[i]); | |
} | |
} else if (typeof source === "number") { | |
if ( true && !Number.isInteger(source)) { | |
warn(`The v-for range expect an integer value but got ${source}.`); | |
} | |
ret = new Array(source); | |
for(let i1 = 0; i1 < source; i1++){ | |
ret[i1] = renderItem(i1 + 1, i1, undefined, cached && cached[i1]); | |
} | |
} else if ((0, _shared.isObject)(source)) { | |
if (source[Symbol.iterator]) { | |
ret = Array.from(source, (item, i)=>renderItem(item, i, undefined, cached && cached[i])); | |
} else { | |
const keys = Object.keys(source); | |
ret = new Array(keys.length); | |
for(let i2 = 0, l1 = keys.length; i2 < l1; i2++){ | |
const key = keys[i2]; | |
ret[i2] = renderItem(source[key], key, i2, cached && cached[i2]); | |
} | |
} | |
} else { | |
ret = []; | |
} | |
if (cache) { | |
cache[index] = ret; | |
} | |
return ret; | |
} | |
/** | |
* Compiler runtime helper for creating dynamic slots object | |
* @private | |
*/ function createSlots(slots, dynamicSlots) { | |
for(let i = 0; i < dynamicSlots.length; i++){ | |
const slot = dynamicSlots[i]; | |
// array of dynamic slot generated by <template v-for="..." #[...]> | |
if ((0, _shared.isArray)(slot)) { | |
for(let j = 0; j < slot.length; j++){ | |
slots[slot[j].name] = slot[j].fn; | |
} | |
} else if (slot) { | |
// conditional single slot generated by <template v-if="..." #foo> | |
slots[slot.name] = slot.key ? (...args)=>{ | |
const res = slot.fn(...args); | |
// attach branch key so each conditional branch is considered a | |
// different fragment | |
if (res) res.key = slot.key; | |
return res; | |
} : slot.fn; | |
} | |
} | |
return slots; | |
} | |
/** | |
* Compiler runtime helper for rendering `<slot/>` | |
* @private | |
*/ function renderSlot(slots, name, props = {}, // this is not a user-facing function, so the fallback is always generated by | |
// the compiler and guaranteed to be a function returning an array | |
fallback, noSlotted) { | |
if (currentRenderingInstance.isCE || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.isCE) { | |
if (name !== "default") props.name = name; | |
return createVNode("slot", props, fallback && fallback()); | |
} | |
let slot = slots[name]; | |
if ( true && slot && slot.length > 1) { | |
warn(`SSR-optimized slot function detected in a non-SSR-optimized render ` + `function. You need to mark this component with $dynamic-slots in the ` + `parent template.`); | |
slot = ()=>[]; | |
} | |
// a compiled slot disables block tracking by default to avoid manual | |
// invocation interfering with template-based block tracking, but in | |
// `renderSlot` we can be sure that it's template-based so we can force | |
// enable it. | |
if (slot && slot._c) { | |
slot._d = false; | |
} | |
openBlock(); | |
const validSlotContent = slot && ensureValidVNode(slot(props)); | |
const rendered = createBlock(Fragment, { | |
key: props.key || // slot content array of a dynamic conditional slot may have a branch | |
// key attached in the `createSlots` helper, respect that | |
validSlotContent && validSlotContent.key || `_${name}` | |
}, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* SlotFlags.STABLE */ ? 64 /* PatchFlags.STABLE_FRAGMENT */ : -2 /* PatchFlags.BAIL */ ); | |
if (!noSlotted && rendered.scopeId) { | |
rendered.slotScopeIds = [ | |
rendered.scopeId + "-s" | |
]; | |
} | |
if (slot && slot._c) { | |
slot._d = true; | |
} | |
return rendered; | |
} | |
function ensureValidVNode(vnodes) { | |
return vnodes.some((child)=>{ | |
if (!isVNode(child)) return true; | |
if (child.type === Comment) return false; | |
if (child.type === Fragment && !ensureValidVNode(child.children)) return false; | |
return true; | |
}) ? vnodes : null; | |
} | |
/** | |
* For prefixing keys in v-on="obj" with "on" | |
* @private | |
*/ function toHandlers(obj, preserveCaseIfNecessary) { | |
const ret = {}; | |
if ( true && !(0, _shared.isObject)(obj)) { | |
warn(`v-on with no argument expects an object value.`); | |
return ret; | |
} | |
for(const key in obj){ | |
ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : (0, _shared.toHandlerKey)(key)] = obj[key]; | |
} | |
return ret; | |
} | |
/** | |
* #2437 In Vue 3, functional components do not have a public instance proxy but | |
* they exist in the internal parent chain. For code that relies on traversing | |
* public $parent chains, skip functional ones and go to the parent instead. | |
*/ const getPublicInstance = (i)=>{ | |
if (!i) return null; | |
if (isStatefulComponent(i)) return getExposeProxy(i) || i.proxy; | |
return getPublicInstance(i.parent); | |
}; | |
const publicPropertiesMap = // Move PURE marker to new line to workaround compiler discarding it | |
// due to type annotation | |
/*#__PURE__*/ (0, _shared.extend)(Object.create(null), { | |
$: (i)=>i, | |
$el: (i)=>i.vnode.el, | |
$data: (i)=>i.data, | |
$props: (i)=> true ? (0, _reactivity.shallowReadonly)(i.props) : 0, | |
$attrs: (i)=> true ? (0, _reactivity.shallowReadonly)(i.attrs) : 0, | |
$slots: (i)=> true ? (0, _reactivity.shallowReadonly)(i.slots) : 0, | |
$refs: (i)=> true ? (0, _reactivity.shallowReadonly)(i.refs) : 0, | |
$parent: (i)=>getPublicInstance(i.parent), | |
$root: (i)=>getPublicInstance(i.root), | |
$emit: (i)=>i.emit, | |
$options: (i)=>__VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type, | |
$forceUpdate: (i)=>i.f || (i.f = ()=>queueJob(i.update)), | |
$nextTick: (i)=>i.n || (i.n = nextTick.bind(i.proxy)), | |
$watch: (i)=>__VUE_OPTIONS_API__ ? instanceWatch.bind(i) : _shared.NOOP | |
}); | |
const isReservedPrefix = (key)=>key === "_" || key === "$"; | |
const hasSetupBinding = (state, key)=>state !== _shared.EMPTY_OBJ && !state.__isScriptSetup && (0, _shared.hasOwn)(state, key); | |
const PublicInstanceProxyHandlers = { | |
get ({ _: instance }, key) { | |
const { ctx , setupState , data , props , accessCache , type , appContext } = instance; | |
// for internal formatters to know that this is a Vue instance | |
if ( true && key === "__isVue") { | |
return true; | |
} | |
// data / props / ctx | |
// This getter gets called for every property access on the render context | |
// during render and is a major hotspot. The most expensive part of this | |
// is the multiple hasOwn() calls. It's much faster to do a simple property | |
// access on a plain object, so we use an accessCache object (with null | |
// prototype) to memoize what access type a key corresponds to. | |
let normalizedProps; | |
if (key[0] !== "$") { | |
const n = accessCache[key]; | |
if (n !== undefined) { | |
switch(n){ | |
case 1 /* AccessTypes.SETUP */ : | |
return setupState[key]; | |
case 2 /* AccessTypes.DATA */ : | |
return data[key]; | |
case 4 /* AccessTypes.CONTEXT */ : | |
return ctx[key]; | |
case 3 /* AccessTypes.PROPS */ : | |
return props[key]; | |
} | |
} else if (hasSetupBinding(setupState, key)) { | |
accessCache[key] = 1 /* AccessTypes.SETUP */ ; | |
return setupState[key]; | |
} else if (data !== _shared.EMPTY_OBJ && (0, _shared.hasOwn)(data, key)) { | |
accessCache[key] = 2 /* AccessTypes.DATA */ ; | |
return data[key]; | |
} else if (// only cache other properties when instance has declared (thus stable) | |
// props | |
(normalizedProps = instance.propsOptions[0]) && (0, _shared.hasOwn)(normalizedProps, key)) { | |
accessCache[key] = 3 /* AccessTypes.PROPS */ ; | |
return props[key]; | |
} else if (ctx !== _shared.EMPTY_OBJ && (0, _shared.hasOwn)(ctx, key)) { | |
accessCache[key] = 4 /* AccessTypes.CONTEXT */ ; | |
return ctx[key]; | |
} else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) { | |
accessCache[key] = 0 /* AccessTypes.OTHER */ ; | |
} | |
} | |
const publicGetter = publicPropertiesMap[key]; | |
let cssModule, globalProperties; | |
// public $xxx properties | |
if (publicGetter) { | |
if (key === "$attrs") { | |
(0, _reactivity.track)(instance, "get" /* TrackOpTypes.GET */ , key); | |
true && markAttrsAccessed(); | |
} | |
return publicGetter(instance); | |
} else if (// css module (injected by vue-loader) | |
(cssModule = type.__cssModules) && (cssModule = cssModule[key])) { | |
return cssModule; | |
} else if (ctx !== _shared.EMPTY_OBJ && (0, _shared.hasOwn)(ctx, key)) { | |
// user may set custom properties to `this` that start with `$` | |
accessCache[key] = 4 /* AccessTypes.CONTEXT */ ; | |
return ctx[key]; | |
} else if (// global properties | |
globalProperties = appContext.config.globalProperties, (0, _shared.hasOwn)(globalProperties, key)) { | |
{ | |
return globalProperties[key]; | |
} | |
} else if ( true && currentRenderingInstance && (!(0, _shared.isString)(key) || // #1091 avoid internal isRef/isVNode checks on component instance leading | |
// to infinite warning loop | |
key.indexOf("__v") !== 0)) { | |
if (data !== _shared.EMPTY_OBJ && isReservedPrefix(key[0]) && (0, _shared.hasOwn)(data, key)) { | |
warn(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` + `character ("$" or "_") and is not proxied on the render context.`); | |
} else if (instance === currentRenderingInstance) { | |
warn(`Property ${JSON.stringify(key)} was accessed during render ` + `but is not defined on instance.`); | |
} | |
} | |
}, | |
set ({ _: instance }, key, value) { | |
const { data , setupState , ctx } = instance; | |
if (hasSetupBinding(setupState, key)) { | |
setupState[key] = value; | |
return true; | |
} else if ( true && setupState.__isScriptSetup && (0, _shared.hasOwn)(setupState, key)) { | |
warn(`Cannot mutate <script setup> binding "${key}" from Options API.`); | |
return false; | |
} else if (data !== _shared.EMPTY_OBJ && (0, _shared.hasOwn)(data, key)) { | |
data[key] = value; | |
return true; | |
} else if ((0, _shared.hasOwn)(instance.props, key)) { | |
true && warn(`Attempting to mutate prop "${key}". Props are readonly.`); | |
return false; | |
} | |
if (key[0] === "$" && key.slice(1) in instance) { | |
true && warn(`Attempting to mutate public property "${key}". ` + `Properties starting with $ are reserved and readonly.`); | |
return false; | |
} else { | |
if ( true && key in instance.appContext.config.globalProperties) { | |
Object.defineProperty(ctx, key, { | |
enumerable: true, | |
configurable: true, | |
value | |
}); | |
} else { | |
ctx[key] = value; | |
} | |
} | |
return true; | |
}, | |
has ({ _: { data , setupState , accessCache , ctx , appContext , propsOptions } }, key) { | |
let normalizedProps; | |
return !!accessCache[key] || data !== _shared.EMPTY_OBJ && (0, _shared.hasOwn)(data, key) || hasSetupBinding(setupState, key) || (normalizedProps = propsOptions[0]) && (0, _shared.hasOwn)(normalizedProps, key) || (0, _shared.hasOwn)(ctx, key) || (0, _shared.hasOwn)(publicPropertiesMap, key) || (0, _shared.hasOwn)(appContext.config.globalProperties, key); | |
}, | |
defineProperty (target, key, descriptor) { | |
if (descriptor.get != null) { | |
// invalidate key cache of a getter based property #5417 | |
target._.accessCache[key] = 0; | |
} else if ((0, _shared.hasOwn)(descriptor, "value")) { | |
this.set(target, key, descriptor.value, null); | |
} | |
return Reflect.defineProperty(target, key, descriptor); | |
} | |
}; | |
if (true) { | |
PublicInstanceProxyHandlers.ownKeys = (target)=>{ | |
warn(`Avoid app logic that relies on enumerating keys on a component instance. ` + `The keys will be empty in production mode to avoid performance overhead.`); | |
return Reflect.ownKeys(target); | |
}; | |
} | |
const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ (0, _shared.extend)({}, PublicInstanceProxyHandlers, { | |
get (target, key) { | |
// fast path for unscopables when using `with` block | |
if (key === Symbol.unscopables) { | |
return; | |
} | |
return PublicInstanceProxyHandlers.get(target, key, target); | |
}, | |
has (_, key) { | |
const has = key[0] !== "_" && !(0, _shared.isGloballyWhitelisted)(key); | |
if ( true && !has && PublicInstanceProxyHandlers.has(_, key)) { | |
warn(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`); | |
} | |
return has; | |
} | |
}); | |
// dev only | |
// In dev mode, the proxy target exposes the same properties as seen on `this` | |
// for easier console inspection. In prod mode it will be an empty object so | |
// these properties definitions can be skipped. | |
function createDevRenderContext(instance) { | |
const target = {}; | |
// expose internal instance for proxy handlers | |
Object.defineProperty(target, `_`, { | |
configurable: true, | |
enumerable: false, | |
get: ()=>instance | |
}); | |
// expose public properties | |
Object.keys(publicPropertiesMap).forEach((key)=>{ | |
Object.defineProperty(target, key, { | |
configurable: true, | |
enumerable: false, | |
get: ()=>publicPropertiesMap[key](instance), | |
// intercepted by the proxy so no need for implementation, | |
// but needed to prevent set errors | |
set: _shared.NOOP | |
}); | |
}); | |
return target; | |
} | |
// dev only | |
function exposePropsOnRenderContext(instance) { | |
const { ctx , propsOptions: [propsOptions] } = instance; | |
if (propsOptions) { | |
Object.keys(propsOptions).forEach((key)=>{ | |
Object.defineProperty(ctx, key, { | |
enumerable: true, | |
configurable: true, | |
get: ()=>instance.props[key], | |
set: _shared.NOOP | |
}); | |
}); | |
} | |
} | |
// dev only | |
function exposeSetupStateOnRenderContext(instance) { | |
const { ctx , setupState } = instance; | |
Object.keys((0, _reactivity.toRaw)(setupState)).forEach((key)=>{ | |
if (!setupState.__isScriptSetup) { | |
if (isReservedPrefix(key[0])) { | |
warn(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` + `which are reserved prefixes for Vue internals.`); | |
return; | |
} | |
Object.defineProperty(ctx, key, { | |
enumerable: true, | |
configurable: true, | |
get: ()=>setupState[key], | |
set: _shared.NOOP | |
}); | |
} | |
}); | |
} | |
function createDuplicateChecker() { | |
const cache = Object.create(null); | |
return (type, key)=>{ | |
if (cache[key]) { | |
warn(`${type} property "${key}" is already defined in ${cache[key]}.`); | |
} else { | |
cache[key] = type; | |
} | |
}; | |
} | |
let shouldCacheAccess = true; | |
function applyOptions(instance) { | |
const options = resolveMergedOptions(instance); | |
const publicThis = instance.proxy; | |
const ctx = instance.ctx; | |
// do not cache property access on public proxy during state initialization | |
shouldCacheAccess = false; | |
// call beforeCreate first before accessing other options since | |
// the hook may mutate resolved options (#2791) | |
if (options.beforeCreate) { | |
callHook(options.beforeCreate, instance, "bc" /* LifecycleHooks.BEFORE_CREATE */ ); | |
} | |
const { // state | |
data: dataOptions , computed: computedOptions , methods , watch: watchOptions , provide: provideOptions , inject: injectOptions , // lifecycle | |
created , beforeMount , mounted , beforeUpdate , updated , activated , deactivated , beforeDestroy , beforeUnmount , destroyed , unmounted , render , renderTracked , renderTriggered , errorCaptured , serverPrefetch , // public API | |
expose , inheritAttrs , // assets | |
components , directives , filters } = options; | |
const checkDuplicateProperties = true ? createDuplicateChecker() : 0; | |
if (true) { | |
const [propsOptions] = instance.propsOptions; | |
if (propsOptions) { | |
for(const key in propsOptions){ | |
checkDuplicateProperties("Props" /* OptionTypes.PROPS */ , key); | |
} | |
} | |
} | |
// options initialization order (to be consistent with Vue 2): | |
// - props (already done outside of this function) | |
// - inject | |
// - methods | |
// - data (deferred since it relies on `this` access) | |
// - computed | |
// - watch (deferred since it relies on `this` access) | |
if (injectOptions) { | |
resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef); | |
} | |
if (methods) { | |
for(const key1 in methods){ | |
const methodHandler = methods[key1]; | |
if ((0, _shared.isFunction)(methodHandler)) { | |
// In dev mode, we use the `createRenderContext` function to define | |
// methods to the proxy target, and those are read-only but | |
// reconfigurable, so it needs to be redefined here | |
if (true) { | |
Object.defineProperty(ctx, key1, { | |
value: methodHandler.bind(publicThis), | |
configurable: true, | |
enumerable: true, | |
writable: true | |
}); | |
} else {} | |
if (true) { | |
checkDuplicateProperties("Methods" /* OptionTypes.METHODS */ , key1); | |
} | |
} else if (true) { | |
warn(`Method "${key1}" has type "${typeof methodHandler}" in the component definition. ` + `Did you reference the function correctly?`); | |
} | |
} | |
} | |
if (dataOptions) { | |
if ( true && !(0, _shared.isFunction)(dataOptions)) { | |
warn(`The data option must be a function. ` + `Plain object usage is no longer supported.`); | |
} | |
const data = dataOptions.call(publicThis, publicThis); | |
if ( true && (0, _shared.isPromise)(data)) { | |
warn(`data() returned a Promise - note data() cannot be async; If you ` + `intend to perform data fetching before component renders, use ` + `async setup() + <Suspense>.`); | |
} | |
if (!(0, _shared.isObject)(data)) { | |
true && warn(`data() should return an object.`); | |
} else { | |
instance.data = (0, _reactivity.reactive)(data); | |
if (true) { | |
for(const key2 in data){ | |
checkDuplicateProperties("Data" /* OptionTypes.DATA */ , key2); | |
// expose data on ctx during dev | |
if (!isReservedPrefix(key2[0])) { | |
Object.defineProperty(ctx, key2, { | |
configurable: true, | |
enumerable: true, | |
get: ()=>data[key2], | |
set: _shared.NOOP | |
}); | |
} | |
} | |
} | |
} | |
} | |
// state initialization complete at this point - start caching access | |
shouldCacheAccess = true; | |
if (computedOptions) { | |
for(const key3 in computedOptions){ | |
const opt = computedOptions[key3]; | |
const get = (0, _shared.isFunction)(opt) ? opt.bind(publicThis, publicThis) : (0, _shared.isFunction)(opt.get) ? opt.get.bind(publicThis, publicThis) : _shared.NOOP; | |
if ( true && get === _shared.NOOP) { | |
warn(`Computed property "${key3}" has no getter.`); | |
} | |
const set = !(0, _shared.isFunction)(opt) && (0, _shared.isFunction)(opt.set) ? opt.set.bind(publicThis) : true ? ()=>{ | |
warn(`Write operation failed: computed property "${key3}" is readonly.`); | |
} : 0; | |
const c = computed({ | |
get, | |
set | |
}); | |
Object.defineProperty(ctx, key3, { | |
enumerable: true, | |
configurable: true, | |
get: ()=>c.value, | |
set: (v1)=>c.value = v1 | |
}); | |
if (true) { | |
checkDuplicateProperties("Computed" /* OptionTypes.COMPUTED */ , key3); | |
} | |
} | |
} | |
if (watchOptions) { | |
for(const key4 in watchOptions){ | |
createWatcher(watchOptions[key4], ctx, publicThis, key4); | |
} | |
} | |
if (provideOptions) { | |
const provides = (0, _shared.isFunction)(provideOptions) ? provideOptions.call(publicThis) : provideOptions; | |
Reflect.ownKeys(provides).forEach((key)=>{ | |
provide(key, provides[key]); | |
}); | |
} | |
if (created) { | |
callHook(created, instance, "c" /* LifecycleHooks.CREATED */ ); | |
} | |
function registerLifecycleHook(register, hook) { | |
if ((0, _shared.isArray)(hook)) { | |
hook.forEach((_hook)=>register(_hook.bind(publicThis))); | |
} else if (hook) { | |
register(hook.bind(publicThis)); | |
} | |
} | |
registerLifecycleHook(onBeforeMount, beforeMount); | |
registerLifecycleHook(onMounted, mounted); | |
registerLifecycleHook(onBeforeUpdate, beforeUpdate); | |
registerLifecycleHook(onUpdated, updated); | |
registerLifecycleHook(onActivated, activated); | |
registerLifecycleHook(onDeactivated, deactivated); | |
registerLifecycleHook(onErrorCaptured, errorCaptured); | |
registerLifecycleHook(onRenderTracked, renderTracked); | |
registerLifecycleHook(onRenderTriggered, renderTriggered); | |
registerLifecycleHook(onBeforeUnmount, beforeUnmount); | |
registerLifecycleHook(onUnmounted, unmounted); | |
registerLifecycleHook(onServerPrefetch, serverPrefetch); | |
if ((0, _shared.isArray)(expose)) { | |
if (expose.length) { | |
const exposed = instance.exposed || (instance.exposed = {}); | |
expose.forEach((key)=>{ | |
Object.defineProperty(exposed, key, { | |
get: ()=>publicThis[key], | |
set: (val)=>publicThis[key] = val | |
}); | |
}); | |
} else if (!instance.exposed) { | |
instance.exposed = {}; | |
} | |
} | |
// options that are handled when creating the instance but also need to be | |
// applied from mixins | |
if (render && instance.render === _shared.NOOP) { | |
instance.render = render; | |
} | |
if (inheritAttrs != null) { | |
instance.inheritAttrs = inheritAttrs; | |
} | |
// asset options. | |
if (components) instance.components = components; | |
if (directives) instance.directives = directives; | |
} | |
function resolveInjections(injectOptions, ctx, checkDuplicateProperties = _shared.NOOP, unwrapRef = false) { | |
if ((0, _shared.isArray)(injectOptions)) { | |
injectOptions = normalizeInject(injectOptions); | |
} | |
for(const key in injectOptions){ | |
const opt = injectOptions[key]; | |
let injected; | |
if ((0, _shared.isObject)(opt)) { | |
if ("default" in opt) { | |
injected = inject(opt.from || key, opt.default, true); | |
} else { | |
injected = inject(opt.from || key); | |
} | |
} else { | |
injected = inject(opt); | |
} | |
if ((0, _reactivity.isRef)(injected)) { | |
// TODO remove the check in 3.3 | |
if (unwrapRef) { | |
Object.defineProperty(ctx, key, { | |
enumerable: true, | |
configurable: true, | |
get: ()=>injected.value, | |
set: (v1)=>injected.value = v1 | |
}); | |
} else { | |
if (true) { | |
warn(`injected property "${key}" is a ref and will be auto-unwrapped ` + `and no longer needs \`.value\` in the next minor release. ` + `To opt-in to the new behavior now, ` + `set \`app.config.unwrapInjectedRef = true\` (this config is ` + `temporary and will not be needed in the future.)`); | |
} | |
ctx[key] = injected; | |
} | |
} else { | |
ctx[key] = injected; | |
} | |
if (true) { | |
checkDuplicateProperties("Inject" /* OptionTypes.INJECT */ , key); | |
} | |
} | |
} | |
function callHook(hook, instance, type) { | |
callWithAsyncErrorHandling((0, _shared.isArray)(hook) ? hook.map((h)=>h.bind(instance.proxy)) : hook.bind(instance.proxy), instance, type); | |
} | |
function createWatcher(raw, ctx, publicThis, key) { | |
const getter = key.includes(".") ? createPathGetter(publicThis, key) : ()=>publicThis[key]; | |
if ((0, _shared.isString)(raw)) { | |
const handler = ctx[raw]; | |
if ((0, _shared.isFunction)(handler)) { | |
watch(getter, handler); | |
} else if (true) { | |
warn(`Invalid watch handler specified by key "${raw}"`, handler); | |
} | |
} else if ((0, _shared.isFunction)(raw)) { | |
watch(getter, raw.bind(publicThis)); | |
} else if ((0, _shared.isObject)(raw)) { | |
if ((0, _shared.isArray)(raw)) { | |
raw.forEach((r)=>createWatcher(r, ctx, publicThis, key)); | |
} else { | |
const handler1 = (0, _shared.isFunction)(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler]; | |
if ((0, _shared.isFunction)(handler1)) { | |
watch(getter, handler1, raw); | |
} else if (true) { | |
warn(`Invalid watch handler specified by key "${raw.handler}"`, handler1); | |
} | |
} | |
} else if (true) { | |
warn(`Invalid watch option: "${key}"`, raw); | |
} | |
} | |
/** | |
* Resolve merged options and cache it on the component. | |
* This is done only once per-component since the merging does not involve | |
* instances. | |
*/ function resolveMergedOptions(instance) { | |
const base = instance.type; | |
const { mixins , extends: extendsOptions } = base; | |
const { mixins: globalMixins , optionsCache: cache , config: { optionMergeStrategies } } = instance.appContext; | |
const cached = cache.get(base); | |
let resolved; | |
if (cached) { | |
resolved = cached; | |
} else if (!globalMixins.length && !mixins && !extendsOptions) { | |
{ | |
resolved = base; | |
} | |
} else { | |
resolved = {}; | |
if (globalMixins.length) { | |
globalMixins.forEach((m)=>mergeOptions(resolved, m, optionMergeStrategies, true)); | |
} | |
mergeOptions(resolved, base, optionMergeStrategies); | |
} | |
if ((0, _shared.isObject)(base)) { | |
cache.set(base, resolved); | |
} | |
return resolved; | |
} | |
function mergeOptions(to, from, strats, asMixin = false) { | |
const { mixins , extends: extendsOptions } = from; | |
if (extendsOptions) { | |
mergeOptions(to, extendsOptions, strats, true); | |
} | |
if (mixins) { | |
mixins.forEach((m)=>mergeOptions(to, m, strats, true)); | |
} | |
for(const key in from){ | |
if (asMixin && key === "expose") { | |
true && warn(`"expose" option is ignored when declared in mixins or extends. ` + `It should only be declared in the base component itself.`); | |
} else { | |
const strat = internalOptionMergeStrats[key] || strats && strats[key]; | |
to[key] = strat ? strat(to[key], from[key]) : from[key]; | |
} | |
} | |
return to; | |
} | |
const internalOptionMergeStrats = { | |
data: mergeDataFn, | |
props: mergeObjectOptions, | |
emits: mergeObjectOptions, | |
// objects | |
methods: mergeObjectOptions, | |
computed: mergeObjectOptions, | |
// lifecycle | |
beforeCreate: mergeAsArray, | |
created: mergeAsArray, | |
beforeMount: mergeAsArray, | |
mounted: mergeAsArray, | |
beforeUpdate: mergeAsArray, | |
updated: mergeAsArray, | |
beforeDestroy: mergeAsArray, | |
beforeUnmount: mergeAsArray, | |
destroyed: mergeAsArray, | |
unmounted: mergeAsArray, | |
activated: mergeAsArray, | |
deactivated: mergeAsArray, | |
errorCaptured: mergeAsArray, | |
serverPrefetch: mergeAsArray, | |
// assets | |
components: mergeObjectOptions, | |
directives: mergeObjectOptions, | |
// watch | |
watch: mergeWatchOptions, | |
// provide / inject | |
provide: mergeDataFn, | |
inject: mergeInject | |
}; | |
function mergeDataFn(to, from) { | |
if (!from) { | |
return to; | |
} | |
if (!to) { | |
return from; | |
} | |
return function mergedDataFn() { | |
return (0, _shared.extend)((0, _shared.isFunction)(to) ? to.call(this, this) : to, (0, _shared.isFunction)(from) ? from.call(this, this) : from); | |
}; | |
} | |
function mergeInject(to, from) { | |
return mergeObjectOptions(normalizeInject(to), normalizeInject(from)); | |
} | |
function normalizeInject(raw) { | |
if ((0, _shared.isArray)(raw)) { | |
const res = {}; | |
for(let i = 0; i < raw.length; i++){ | |
res[raw[i]] = raw[i]; | |
} | |
return res; | |
} | |
return raw; | |
} | |
function mergeAsArray(to, from) { | |
return to ? [ | |
...new Set([].concat(to, from)) | |
] : from; | |
} | |
function mergeObjectOptions(to, from) { | |
return to ? (0, _shared.extend)((0, _shared.extend)(Object.create(null), to), from) : from; | |
} | |
function mergeWatchOptions(to, from) { | |
if (!to) return from; | |
if (!from) return to; | |
const merged = (0, _shared.extend)(Object.create(null), to); | |
for(const key in from){ | |
merged[key] = mergeAsArray(to[key], from[key]); | |
} | |
return merged; | |
} | |
function initProps(instance, rawProps, isStateful, isSSR = false) { | |
const props = {}; | |
const attrs = {}; | |
(0, _shared.def)(attrs, InternalObjectKey, 1); | |
instance.propsDefaults = Object.create(null); | |
setFullProps(instance, rawProps, props, attrs); | |
// ensure all declared prop keys are present | |
for(const key in instance.propsOptions[0]){ | |
if (!(key in props)) { | |
props[key] = undefined; | |
} | |
} | |
// validation | |
if (true) { | |
validateProps(rawProps || {}, props, instance); | |
} | |
if (isStateful) { | |
// stateful | |
instance.props = isSSR ? props : (0, _reactivity.shallowReactive)(props); | |
} else { | |
if (!instance.type.props) { | |
// functional w/ optional props, props === attrs | |
instance.props = attrs; | |
} else { | |
// functional w/ declared props | |
instance.props = props; | |
} | |
} | |
instance.attrs = attrs; | |
} | |
function isInHmrContext(instance) { | |
while(instance){ | |
if (instance.type.__hmrId) return true; | |
instance = instance.parent; | |
} | |
} | |
function updateProps(instance, rawProps, rawPrevProps, optimized) { | |
const { props , attrs , vnode: { patchFlag } } = instance; | |
const rawCurrentProps = (0, _reactivity.toRaw)(props); | |
const [options] = instance.propsOptions; | |
let hasAttrsChanged = false; | |
if (// always force full diff in dev | |
// - #1942 if hmr is enabled with sfc component | |
// - vite#872 non-sfc component used by sfc component | |
!( true && isInHmrContext(instance)) && (optimized || patchFlag > 0) && !(patchFlag & 16 /* PatchFlags.FULL_PROPS */ )) { | |
if (patchFlag & 8 /* PatchFlags.PROPS */ ) { | |
// Compiler-generated props & no keys change, just set the updated | |
// the props. | |
const propsToUpdate = instance.vnode.dynamicProps; | |
for(let i = 0; i < propsToUpdate.length; i++){ | |
let key = propsToUpdate[i]; | |
// skip if the prop key is a declared emit event listener | |
if (isEmitListener(instance.emitsOptions, key)) { | |
continue; | |
} | |
// PROPS flag guarantees rawProps to be non-null | |
const value = rawProps[key]; | |
if (options) { | |
// attr / props separation was done on init and will be consistent | |
// in this code path, so just check if attrs have it. | |
if ((0, _shared.hasOwn)(attrs, key)) { | |
if (value !== attrs[key]) { | |
attrs[key] = value; | |
hasAttrsChanged = true; | |
} | |
} else { | |
const camelizedKey = (0, _shared.camelize)(key); | |
props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false); | |
} | |
} else { | |
if (value !== attrs[key]) { | |
attrs[key] = value; | |
hasAttrsChanged = true; | |
} | |
} | |
} | |
} | |
} else { | |
// full props update. | |
if (setFullProps(instance, rawProps, props, attrs)) { | |
hasAttrsChanged = true; | |
} | |
// in case of dynamic props, check if we need to delete keys from | |
// the props object | |
let kebabKey; | |
for(const key1 in rawCurrentProps){ | |
if (!rawProps || // for camelCase | |
!(0, _shared.hasOwn)(rawProps, key1) && // it's possible the original props was passed in as kebab-case | |
// and converted to camelCase (#955) | |
((kebabKey = (0, _shared.hyphenate)(key1)) === key1 || !(0, _shared.hasOwn)(rawProps, kebabKey))) { | |
if (options) { | |
if (rawPrevProps && // for camelCase | |
(rawPrevProps[key1] !== undefined || // for kebab-case | |
rawPrevProps[kebabKey] !== undefined)) { | |
props[key1] = resolvePropValue(options, rawCurrentProps, key1, undefined, instance, true); | |
} | |
} else { | |
delete props[key1]; | |
} | |
} | |
} | |
// in the case of functional component w/o props declaration, props and | |
// attrs point to the same object so it should already have been updated. | |
if (attrs !== rawCurrentProps) { | |
for(const key2 in attrs){ | |
if (!rawProps || !(0, _shared.hasOwn)(rawProps, key2) && !false) { | |
delete attrs[key2]; | |
hasAttrsChanged = true; | |
} | |
} | |
} | |
} | |
// trigger updates for $attrs in case it's used in component slots | |
if (hasAttrsChanged) { | |
(0, _reactivity.trigger)(instance, "set" /* TriggerOpTypes.SET */ , "$attrs"); | |
} | |
if (true) { | |
validateProps(rawProps || {}, props, instance); | |
} | |
} | |
function setFullProps(instance, rawProps, props, attrs) { | |
const [options, needCastKeys] = instance.propsOptions; | |
let hasAttrsChanged = false; | |
let rawCastValues; | |
if (rawProps) { | |
for(let key in rawProps){ | |
// key, ref are reserved and never passed down | |
if ((0, _shared.isReservedProp)(key)) { | |
continue; | |
} | |
const value = rawProps[key]; | |
// prop option names are camelized during normalization, so to support | |
// kebab -> camel conversion here we need to camelize the key. | |
let camelKey; | |
if (options && (0, _shared.hasOwn)(options, camelKey = (0, _shared.camelize)(key))) { | |
if (!needCastKeys || !needCastKeys.includes(camelKey)) { | |
props[camelKey] = value; | |
} else { | |
(rawCastValues || (rawCastValues = {}))[camelKey] = value; | |
} | |
} else if (!isEmitListener(instance.emitsOptions, key)) { | |
if (!(key in attrs) || value !== attrs[key]) { | |
attrs[key] = value; | |
hasAttrsChanged = true; | |
} | |
} | |
} | |
} | |
if (needCastKeys) { | |
const rawCurrentProps = (0, _reactivity.toRaw)(props); | |
const castValues = rawCastValues || _shared.EMPTY_OBJ; | |
for(let i = 0; i < needCastKeys.length; i++){ | |
const key1 = needCastKeys[i]; | |
props[key1] = resolvePropValue(options, rawCurrentProps, key1, castValues[key1], instance, !(0, _shared.hasOwn)(castValues, key1)); | |
} | |
} | |
return hasAttrsChanged; | |
} | |
function resolvePropValue(options, props, key, value, instance, isAbsent) { | |
const opt = options[key]; | |
if (opt != null) { | |
const hasDefault = (0, _shared.hasOwn)(opt, "default"); | |
// default values | |
if (hasDefault && value === undefined) { | |
const defaultValue = opt.default; | |
if (opt.type !== Function && (0, _shared.isFunction)(defaultValue)) { | |
const { propsDefaults } = instance; | |
if (key in propsDefaults) { | |
value = propsDefaults[key]; | |
} else { | |
setCurrentInstance(instance); | |
value = propsDefaults[key] = defaultValue.call(null, props); | |
unsetCurrentInstance(); | |
} | |
} else { | |
value = defaultValue; | |
} | |
} | |
// boolean casting | |
if (opt[0 /* BooleanFlags.shouldCast */ ]) { | |
if (isAbsent && !hasDefault) { | |
value = false; | |
} else if (opt[1 /* BooleanFlags.shouldCastTrue */ ] && (value === "" || value === (0, _shared.hyphenate)(key))) { | |
value = true; | |
} | |
} | |
} | |
return value; | |
} | |
function normalizePropsOptions(comp, appContext, asMixin = false) { | |
const cache = appContext.propsCache; | |
const cached = cache.get(comp); | |
if (cached) { | |
return cached; | |
} | |
const raw = comp.props; | |
const normalized = {}; | |
const needCastKeys = []; | |
// apply mixin/extends props | |
let hasExtends = false; | |
if (__VUE_OPTIONS_API__ && !(0, _shared.isFunction)(comp)) { | |
const extendProps = (raw)=>{ | |
hasExtends = true; | |
const [props, keys] = normalizePropsOptions(raw, appContext, true); | |
(0, _shared.extend)(normalized, props); | |
if (keys) needCastKeys.push(...keys); | |
}; | |
if (!asMixin && appContext.mixins.length) { | |
appContext.mixins.forEach(extendProps); | |
} | |
if (comp.extends) { | |
extendProps(comp.extends); | |
} | |
if (comp.mixins) { | |
comp.mixins.forEach(extendProps); | |
} | |
} | |
if (!raw && !hasExtends) { | |
if ((0, _shared.isObject)(comp)) { | |
cache.set(comp, _shared.EMPTY_ARR); | |
} | |
return _shared.EMPTY_ARR; | |
} | |
if ((0, _shared.isArray)(raw)) { | |
for(let i = 0; i < raw.length; i++){ | |
if ( true && !(0, _shared.isString)(raw[i])) { | |
warn(`props must be strings when using array syntax.`, raw[i]); | |
} | |
const normalizedKey = (0, _shared.camelize)(raw[i]); | |
if (validatePropName(normalizedKey)) { | |
normalized[normalizedKey] = _shared.EMPTY_OBJ; | |
} | |
} | |
} else if (raw) { | |
if ( true && !(0, _shared.isObject)(raw)) { | |
warn(`invalid props options`, raw); | |
} | |
for(const key in raw){ | |
const normalizedKey1 = (0, _shared.camelize)(key); | |
if (validatePropName(normalizedKey1)) { | |
const opt = raw[key]; | |
const prop = normalized[normalizedKey1] = (0, _shared.isArray)(opt) || (0, _shared.isFunction)(opt) ? { | |
type: opt | |
} : Object.assign({}, opt); | |
if (prop) { | |
const booleanIndex = getTypeIndex(Boolean, prop.type); | |
const stringIndex = getTypeIndex(String, prop.type); | |
prop[0 /* BooleanFlags.shouldCast */ ] = booleanIndex > -1; | |
prop[1 /* BooleanFlags.shouldCastTrue */ ] = stringIndex < 0 || booleanIndex < stringIndex; | |
// if the prop needs boolean casting or default value | |
if (booleanIndex > -1 || (0, _shared.hasOwn)(prop, "default")) { | |
needCastKeys.push(normalizedKey1); | |
} | |
} | |
} | |
} | |
} | |
const res = [ | |
normalized, | |
needCastKeys | |
]; | |
if ((0, _shared.isObject)(comp)) { | |
cache.set(comp, res); | |
} | |
return res; | |
} | |
function validatePropName(key) { | |
if (key[0] !== "$") { | |
return true; | |
} else if (true) { | |
warn(`Invalid prop name: "${key}" is a reserved property.`); | |
} | |
return false; | |
} | |
// use function string name to check type constructors | |
// so that it works across vms / iframes. | |
function getType(ctor) { | |
const match = ctor && ctor.toString().match(/^\s*function (\w+)/); | |
return match ? match[1] : ctor === null ? "null" : ""; | |
} | |
function isSameType(a, b) { | |
return getType(a) === getType(b); | |
} | |
function getTypeIndex(type, expectedTypes) { | |
if ((0, _shared.isArray)(expectedTypes)) { | |
return expectedTypes.findIndex((t)=>isSameType(t, type)); | |
} else if ((0, _shared.isFunction)(expectedTypes)) { | |
return isSameType(expectedTypes, type) ? 0 : -1; | |
} | |
return -1; | |
} | |
/** | |
* dev only | |
*/ function validateProps(rawProps, props, instance) { | |
const resolvedValues = (0, _reactivity.toRaw)(props); | |
const options = instance.propsOptions[0]; | |
for(const key in options){ | |
let opt = options[key]; | |
if (opt == null) continue; | |
validateProp(key, resolvedValues[key], opt, !(0, _shared.hasOwn)(rawProps, key) && !(0, _shared.hasOwn)(rawProps, (0, _shared.hyphenate)(key))); | |
} | |
} | |
/** | |
* dev only | |
*/ function validateProp(name, value, prop, isAbsent) { | |
const { type , required , validator } = prop; | |
// required! | |
if (required && isAbsent) { | |
warn('Missing required prop: "' + name + '"'); | |
return; | |
} | |
// missing but optional | |
if (value == null && !prop.required) { | |
return; | |
} | |
// type check | |
if (type != null && type !== true) { | |
let isValid = false; | |
const types = (0, _shared.isArray)(type) ? type : [ | |
type | |
]; | |
const expectedTypes = []; | |
// value is valid as long as one of the specified types match | |
for(let i = 0; i < types.length && !isValid; i++){ | |
const { valid , expectedType } = assertType(value, types[i]); | |
expectedTypes.push(expectedType || ""); | |
isValid = valid; | |
} | |
if (!isValid) { | |
warn(getInvalidTypeMessage(name, value, expectedTypes)); | |
return; | |
} | |
} | |
// custom validator | |
if (validator && !validator(value)) { | |
warn('Invalid prop: custom validator check failed for prop "' + name + '".'); | |
} | |
} | |
const isSimpleType = /*#__PURE__*/ (0, _shared.makeMap)("String,Number,Boolean,Function,Symbol,BigInt"); | |
/** | |
* dev only | |
*/ function assertType(value, type) { | |
let valid; | |
const expectedType = getType(type); | |
if (isSimpleType(expectedType)) { | |
const t = typeof value; | |
valid = t === expectedType.toLowerCase(); | |
// for primitive wrapper objects | |
if (!valid && t === "object") { | |
valid = value instanceof type; | |
} | |
} else if (expectedType === "Object") { | |
valid = (0, _shared.isObject)(value); | |
} else if (expectedType === "Array") { | |
valid = (0, _shared.isArray)(value); | |
} else if (expectedType === "null") { | |
valid = value === null; | |
} else { | |
valid = value instanceof type; | |
} | |
return { | |
valid, | |
expectedType | |
}; | |
} | |
/** | |
* dev only | |
*/ function getInvalidTypeMessage(name, value, expectedTypes) { | |
let message = `Invalid prop: type check failed for prop "${name}".` + ` Expected ${expectedTypes.map(_shared.capitalize).join(" | ")}`; | |
const expectedType = expectedTypes[0]; | |
const receivedType = (0, _shared.toRawType)(value); | |
const expectedValue = styleValue(value, expectedType); | |
const receivedValue = styleValue(value, receivedType); | |
// check if we need to specify expected value | |
if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) { | |
message += ` with value ${expectedValue}`; | |
} | |
message += `, got ${receivedType} `; | |
// check if we need to specify received value | |
if (isExplicable(receivedType)) { | |
message += `with value ${receivedValue}.`; | |
} | |
return message; | |
} | |
/** | |
* dev only | |
*/ function styleValue(value, type) { | |
if (type === "String") { | |
return `"${value}"`; | |
} else if (type === "Number") { | |
return `${Number(value)}`; | |
} else { | |
return `${value}`; | |
} | |
} | |
/** | |
* dev only | |
*/ function isExplicable(type) { | |
const explicitTypes = [ | |
"string", | |
"number", | |
"boolean" | |
]; | |
return explicitTypes.some((elem)=>type.toLowerCase() === elem); | |
} | |
/** | |
* dev only | |
*/ function isBoolean(...args) { | |
return args.some((elem)=>elem.toLowerCase() === "boolean"); | |
} | |
const isInternalKey = (key)=>key[0] === "_" || key === "$stable"; | |
const normalizeSlotValue = (value)=>(0, _shared.isArray)(value) ? value.map(normalizeVNode) : [ | |
normalizeVNode(value) | |
]; | |
const normalizeSlot = (key, rawSlot, ctx)=>{ | |
if (rawSlot._n) { | |
// already normalized - #5353 | |
return rawSlot; | |
} | |
const normalized = withCtx((...args)=>{ | |
if ( true && currentInstance) { | |
warn(`Slot "${key}" invoked outside of the render function: ` + `this will not track dependencies used in the slot. ` + `Invoke the slot function inside the render function instead.`); | |
} | |
return normalizeSlotValue(rawSlot(...args)); | |
}, ctx); | |
normalized._c = false; | |
return normalized; | |
}; | |
const normalizeObjectSlots = (rawSlots, slots, instance)=>{ | |
const ctx = rawSlots._ctx; | |
for(const key in rawSlots){ | |
if (isInternalKey(key)) continue; | |
const value = rawSlots[key]; | |
if ((0, _shared.isFunction)(value)) { | |
slots[key] = normalizeSlot(key, value, ctx); | |
} else if (value != null) { | |
if (true) { | |
warn(`Non-function value encountered for slot "${key}". ` + `Prefer function slots for better performance.`); | |
} | |
const normalized = normalizeSlotValue(value); | |
slots[key] = ()=>normalized; | |
} | |
} | |
}; | |
const normalizeVNodeSlots = (instance, children)=>{ | |
if ( true && !isKeepAlive(instance.vnode) && !false) { | |
warn(`Non-function value encountered for default slot. ` + `Prefer function slots for better performance.`); | |
} | |
const normalized = normalizeSlotValue(children); | |
instance.slots.default = ()=>normalized; | |
}; | |
const initSlots = (instance, children)=>{ | |
if (instance.vnode.shapeFlag & 32 /* ShapeFlags.SLOTS_CHILDREN */ ) { | |
const type = children._; | |
if (type) { | |
// users can get the shallow readonly version of the slots object through `this.$slots`, | |
// we should avoid the proxy object polluting the slots of the internal instance | |
instance.slots = (0, _reactivity.toRaw)(children); | |
// make compiler marker non-enumerable | |
(0, _shared.def)(children, "_", type); | |
} else { | |
normalizeObjectSlots(children, instance.slots = {}); | |
} | |
} else { | |
instance.slots = {}; | |
if (children) { | |
normalizeVNodeSlots(instance, children); | |
} | |
} | |
(0, _shared.def)(instance.slots, InternalObjectKey, 1); | |
}; | |
const updateSlots = (instance, children, optimized)=>{ | |
const { vnode , slots } = instance; | |
let needDeletionCheck = true; | |
let deletionComparisonTarget = _shared.EMPTY_OBJ; | |
if (vnode.shapeFlag & 32 /* ShapeFlags.SLOTS_CHILDREN */ ) { | |
const type = children._; | |
if (type) { | |
// compiled slots. | |
if ( true && isHmrUpdating) { | |
// Parent was HMR updated so slot content may have changed. | |
// force update slots and mark instance for hmr as well | |
(0, _shared.extend)(slots, children); | |
} else if (optimized && type === 1 /* SlotFlags.STABLE */ ) { | |
// compiled AND stable. | |
// no need to update, and skip stale slots removal. | |
needDeletionCheck = false; | |
} else { | |
// compiled but dynamic (v-if/v-for on slots) - update slots, but skip | |
// normalization. | |
(0, _shared.extend)(slots, children); | |
// #2893 | |
// when rendering the optimized slots by manually written render function, | |
// we need to delete the `slots._` flag if necessary to make subsequent updates reliable, | |
// i.e. let the `renderSlot` create the bailed Fragment | |
if (!optimized && type === 1 /* SlotFlags.STABLE */ ) { | |
delete slots._; | |
} | |
} | |
} else { | |
needDeletionCheck = !children.$stable; | |
normalizeObjectSlots(children, slots); | |
} | |
deletionComparisonTarget = children; | |
} else if (children) { | |
// non slot object children (direct value) passed to a component | |
normalizeVNodeSlots(instance, children); | |
deletionComparisonTarget = { | |
default: 1 | |
}; | |
} | |
// delete stale slots | |
if (needDeletionCheck) { | |
for(const key in slots){ | |
if (!isInternalKey(key) && !(key in deletionComparisonTarget)) { | |
delete slots[key]; | |
} | |
} | |
} | |
}; | |
function createAppContext() { | |
return { | |
app: null, | |
config: { | |
isNativeTag: _shared.NO, | |
performance: false, | |
globalProperties: {}, | |
optionMergeStrategies: {}, | |
errorHandler: undefined, | |
warnHandler: undefined, | |
compilerOptions: {} | |
}, | |
mixins: [], | |
components: {}, | |
directives: {}, | |
provides: Object.create(null), | |
optionsCache: new WeakMap(), | |
propsCache: new WeakMap(), | |
emitsCache: new WeakMap() | |
}; | |
} | |
let uid = 0; | |
function createAppAPI(render, hydrate) { | |
return function createApp(rootComponent, rootProps = null) { | |
if (!(0, _shared.isFunction)(rootComponent)) { | |
rootComponent = Object.assign({}, rootComponent); | |
} | |
if (rootProps != null && !(0, _shared.isObject)(rootProps)) { | |
true && warn(`root props passed to app.mount() must be an object.`); | |
rootProps = null; | |
} | |
const context = createAppContext(); | |
const installedPlugins = new Set(); | |
let isMounted = false; | |
const app = context.app = { | |
_uid: uid++, | |
_component: rootComponent, | |
_props: rootProps, | |
_container: null, | |
_context: context, | |
_instance: null, | |
version, | |
get config () { | |
return context.config; | |
}, | |
set config (v){ | |
if (true) { | |
warn(`app.config cannot be replaced. Modify individual options instead.`); | |
} | |
}, | |
use (plugin, ...options) { | |
if (installedPlugins.has(plugin)) { | |
true && warn(`Plugin has already been applied to target app.`); | |
} else if (plugin && (0, _shared.isFunction)(plugin.install)) { | |
installedPlugins.add(plugin); | |
plugin.install(app, ...options); | |
} else if ((0, _shared.isFunction)(plugin)) { | |
installedPlugins.add(plugin); | |
plugin(app, ...options); | |
} else if (true) { | |
warn(`A plugin must either be a function or an object with an "install" ` + `function.`); | |
} | |
return app; | |
}, | |
mixin (mixin) { | |
if (__VUE_OPTIONS_API__) { | |
if (!context.mixins.includes(mixin)) { | |
context.mixins.push(mixin); | |
} else if (true) { | |
warn("Mixin has already been applied to target app" + (mixin.name ? `: ${mixin.name}` : "")); | |
} | |
} else if (true) { | |
warn("Mixins are only available in builds supporting Options API"); | |
} | |
return app; | |
}, | |
component (name, component) { | |
if (true) { | |
validateComponentName(name, context.config); | |
} | |
if (!component) { | |
return context.components[name]; | |
} | |
if ( true && context.components[name]) { | |
warn(`Component "${name}" has already been registered in target app.`); | |
} | |
context.components[name] = component; | |
return app; | |
}, | |
directive (name, directive) { | |
if (true) { | |
validateDirectiveName(name); | |
} | |
if (!directive) { | |
return context.directives[name]; | |
} | |
if ( true && context.directives[name]) { | |
warn(`Directive "${name}" has already been registered in target app.`); | |
} | |
context.directives[name] = directive; | |
return app; | |
}, | |
mount (rootContainer, isHydrate, isSVG) { | |
if (!isMounted) { | |
// #5571 | |
if ( true && rootContainer.__vue_app__) { | |
warn(`There is already an app instance mounted on the host container.\n` + ` If you want to mount another app on the same host container,` + ` you need to unmount the previous app by calling \`app.unmount()\` first.`); | |
} | |
const vnode = createVNode(rootComponent, rootProps); | |
// store app context on the root VNode. | |
// this will be set on the root instance on initial mount. | |
vnode.appContext = context; | |
// HMR root reload | |
if (true) { | |
context.reload = ()=>{ | |
render(cloneVNode(vnode), rootContainer, isSVG); | |
}; | |
} | |
if (isHydrate && hydrate) { | |
hydrate(vnode, rootContainer); | |
} else { | |
render(vnode, rootContainer, isSVG); | |
} | |
isMounted = true; | |
app._container = rootContainer; | |
rootContainer.__vue_app__ = app; | |
if (true) { | |
app._instance = vnode.component; | |
devtoolsInitApp(app, version); | |
} | |
return getExposeProxy(vnode.component) || vnode.component.proxy; | |
} else if (true) { | |
warn(`App has already been mounted.\n` + `If you want to remount the same app, move your app creation logic ` + `into a factory function and create fresh app instances for each ` + `mount - e.g. \`const createMyApp = () => createApp(App)\``); | |
} | |
}, | |
unmount () { | |
if (isMounted) { | |
render(null, app._container); | |
if (true) { | |
app._instance = null; | |
devtoolsUnmountApp(app); | |
} | |
delete app._container.__vue_app__; | |
} else if (true) { | |
warn(`Cannot unmount an app that is not mounted.`); | |
} | |
}, | |
provide (key, value) { | |
if ( true && key in context.provides) { | |
warn(`App already provides property with key "${String(key)}". ` + `It will be overwritten with the new value.`); | |
} | |
context.provides[key] = value; | |
return app; | |
} | |
}; | |
return app; | |
}; | |
} | |
/** | |
* Function for handling a template ref | |
*/ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) { | |
if ((0, _shared.isArray)(rawRef)) { | |
rawRef.forEach((r, i)=>setRef(r, oldRawRef && ((0, _shared.isArray)(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount)); | |
return; | |
} | |
if (isAsyncWrapper(vnode) && !isUnmount) { | |
// when mounting async components, nothing needs to be done, | |
// because the template ref is forwarded to inner component | |
return; | |
} | |
const refValue = vnode.shapeFlag & 4 /* ShapeFlags.STATEFUL_COMPONENT */ ? getExposeProxy(vnode.component) || vnode.component.proxy : vnode.el; | |
const value = isUnmount ? null : refValue; | |
const { i: owner , r: ref } = rawRef; | |
if ( true && !owner) { | |
warn(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` + `A vnode with ref must be created inside the render function.`); | |
return; | |
} | |
const oldRef = oldRawRef && oldRawRef.r; | |
const refs = owner.refs === _shared.EMPTY_OBJ ? owner.refs = {} : owner.refs; | |
const setupState = owner.setupState; | |
// dynamic ref changed. unset old ref | |
if (oldRef != null && oldRef !== ref) { | |
if ((0, _shared.isString)(oldRef)) { | |
refs[oldRef] = null; | |
if ((0, _shared.hasOwn)(setupState, oldRef)) { | |
setupState[oldRef] = null; | |
} | |
} else if ((0, _reactivity.isRef)(oldRef)) { | |
oldRef.value = null; | |
} | |
} | |
if ((0, _shared.isFunction)(ref)) { | |
callWithErrorHandling(ref, owner, 12 /* ErrorCodes.FUNCTION_REF */ , [ | |
value, | |
refs | |
]); | |
} else { | |
const _isString = (0, _shared.isString)(ref); | |
const _isRef = (0, _reactivity.isRef)(ref); | |
if (_isString || _isRef) { | |
const doSet = ()=>{ | |
if (rawRef.f) { | |
const existing = _isString ? (0, _shared.hasOwn)(setupState, ref) ? setupState[ref] : refs[ref] : ref.value; | |
if (isUnmount) { | |
(0, _shared.isArray)(existing) && (0, _shared.remove)(existing, refValue); | |
} else { | |
if (!(0, _shared.isArray)(existing)) { | |
if (_isString) { | |
refs[ref] = [ | |
refValue | |
]; | |
if ((0, _shared.hasOwn)(setupState, ref)) { | |
setupState[ref] = refs[ref]; | |
} | |
} else { | |
ref.value = [ | |
refValue | |
]; | |
if (rawRef.k) refs[rawRef.k] = ref.value; | |
} | |
} else if (!existing.includes(refValue)) { | |
existing.push(refValue); | |
} | |
} | |
} else if (_isString) { | |
refs[ref] = value; | |
if ((0, _shared.hasOwn)(setupState, ref)) { | |
setupState[ref] = value; | |
} | |
} else if (_isRef) { | |
ref.value = value; | |
if (rawRef.k) refs[rawRef.k] = value; | |
} else if (true) { | |
warn("Invalid template ref type:", ref, `(${typeof ref})`); | |
} | |
}; | |
if (value) { | |
doSet.id = -1; | |
queuePostRenderEffect(doSet, parentSuspense); | |
} else { | |
doSet(); | |
} | |
} else if (true) { | |
warn("Invalid template ref type:", ref, `(${typeof ref})`); | |
} | |
} | |
} | |
let hasMismatch = false; | |
const isSVGContainer = (container)=>/svg/.test(container.namespaceURI) && container.tagName !== "foreignObject"; | |
const isComment = (node)=>node.nodeType === 8 /* DOMNodeTypes.COMMENT */ ; | |
// Note: hydration is DOM-specific | |
// But we have to place it in core due to tight coupling with core - splitting | |
// it out creates a ton of unnecessary complexity. | |
// Hydration also depends on some renderer internal logic which needs to be | |
// passed in via arguments. | |
function createHydrationFunctions(rendererInternals) { | |
const { mt: mountComponent , p: patch , o: { patchProp , createText , nextSibling , parentNode , remove , insert , createComment } } = rendererInternals; | |
const hydrate = (vnode, container)=>{ | |
if (!container.hasChildNodes()) { | |
true && warn(`Attempting to hydrate existing markup but container is empty. ` + `Performing full mount instead.`); | |
patch(null, vnode, container); | |
flushPostFlushCbs(); | |
container._vnode = vnode; | |
return; | |
} | |
hasMismatch = false; | |
hydrateNode(container.firstChild, vnode, null, null, null); | |
flushPostFlushCbs(); | |
container._vnode = vnode; | |
if (hasMismatch && !false) { | |
// this error should show up in production | |
console.error(`Hydration completed but contains mismatches.`); | |
} | |
}; | |
const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false)=>{ | |
const isFragmentStart = isComment(node) && node.data === "["; | |
const onMismatch = ()=>handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart); | |
const { type , ref , shapeFlag , patchFlag } = vnode; | |
let domType = node.nodeType; | |
vnode.el = node; | |
if (patchFlag === -2 /* PatchFlags.BAIL */ ) { | |
optimized = false; | |
vnode.dynamicChildren = null; | |
} | |
let nextNode = null; | |
switch(type){ | |
case Text: | |
if (domType !== 3 /* DOMNodeTypes.TEXT */ ) { | |
// #5728 empty text node inside a slot can cause hydration failure | |
// because the server rendered HTML won't contain a text node | |
if (vnode.children === "") { | |
insert(vnode.el = createText(""), parentNode(node), node); | |
nextNode = node; | |
} else { | |
nextNode = onMismatch(); | |
} | |
} else { | |
if (node.data !== vnode.children) { | |
hasMismatch = true; | |
true && warn(`Hydration text mismatch:` + `\n- Client: ${JSON.stringify(node.data)}` + `\n- Server: ${JSON.stringify(vnode.children)}`); | |
node.data = vnode.children; | |
} | |
nextNode = nextSibling(node); | |
} | |
break; | |
case Comment: | |
if (domType !== 8 /* DOMNodeTypes.COMMENT */ || isFragmentStart) { | |
nextNode = onMismatch(); | |
} else { | |
nextNode = nextSibling(node); | |
} | |
break; | |
case Static: | |
if (isFragmentStart) { | |
// entire template is static but SSRed as a fragment | |
node = nextSibling(node); | |
domType = node.nodeType; | |
} | |
if (domType === 1 /* DOMNodeTypes.ELEMENT */ || domType === 3 /* DOMNodeTypes.TEXT */ ) { | |
// determine anchor, adopt content | |
nextNode = node; | |
// if the static vnode has its content stripped during build, | |
// adopt it from the server-rendered HTML. | |
const needToAdoptContent = !vnode.children.length; | |
for(let i = 0; i < vnode.staticCount; i++){ | |
if (needToAdoptContent) vnode.children += nextNode.nodeType === 1 /* DOMNodeTypes.ELEMENT */ ? nextNode.outerHTML : nextNode.data; | |
if (i === vnode.staticCount - 1) { | |
vnode.anchor = nextNode; | |
} | |
nextNode = nextSibling(nextNode); | |
} | |
return isFragmentStart ? nextSibling(nextNode) : nextNode; | |
} else { | |
onMismatch(); | |
} | |
break; | |
case Fragment: | |
if (!isFragmentStart) { | |
nextNode = onMismatch(); | |
} else { | |
nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); | |
} | |
break; | |
default: | |
if (shapeFlag & 1 /* ShapeFlags.ELEMENT */ ) { | |
if (domType !== 1 /* DOMNodeTypes.ELEMENT */ || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) { | |
nextNode = onMismatch(); | |
} else { | |
nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); | |
} | |
} else if (shapeFlag & 6 /* ShapeFlags.COMPONENT */ ) { | |
// when setting up the render effect, if the initial vnode already | |
// has .el set, the component will perform hydration instead of mount | |
// on its sub-tree. | |
vnode.slotScopeIds = slotScopeIds; | |
const container = parentNode(node); | |
mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized); | |
// component may be async, so in the case of fragments we cannot rely | |
// on component's rendered output to determine the end of the fragment | |
// instead, we do a lookahead to find the end anchor node. | |
nextNode = isFragmentStart ? locateClosingAsyncAnchor(node) : nextSibling(node); | |
// #4293 teleport as component root | |
if (nextNode && isComment(nextNode) && nextNode.data === "teleport end") { | |
nextNode = nextSibling(nextNode); | |
} | |
// #3787 | |
// if component is async, it may get moved / unmounted before its | |
// inner component is loaded, so we need to give it a placeholder | |
// vnode that matches its adopted DOM. | |
if (isAsyncWrapper(vnode)) { | |
let subTree; | |
if (isFragmentStart) { | |
subTree = createVNode(Fragment); | |
subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild; | |
} else { | |
subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("div"); | |
} | |
subTree.el = node; | |
vnode.component.subTree = subTree; | |
} | |
} else if (shapeFlag & 64 /* ShapeFlags.TELEPORT */ ) { | |
if (domType !== 8 /* DOMNodeTypes.COMMENT */ ) { | |
nextNode = onMismatch(); | |
} else { | |
nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren); | |
} | |
} else if (shapeFlag & 128 /* ShapeFlags.SUSPENSE */ ) { | |
nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode); | |
} else if (true) { | |
warn("Invalid HostVNode type:", type, `(${typeof type})`); | |
} | |
} | |
if (ref != null) { | |
setRef(ref, null, parentSuspense, vnode); | |
} | |
return nextNode; | |
}; | |
const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized)=>{ | |
optimized = optimized || !!vnode.dynamicChildren; | |
const { type , props , patchFlag , shapeFlag , dirs } = vnode; | |
// #4006 for form elements with non-string v-model value bindings | |
// e.g. <option :value="obj">, <input type="checkbox" :true-value="1"> | |
const forcePatchValue = type === "input" && dirs || type === "option"; | |
// skip props & children if this is hoisted static nodes | |
// #5405 in dev, always hydrate children for HMR | |
if (true /* PatchFlags.HOISTED */ ) { | |
if (dirs) { | |
invokeDirectiveHook(vnode, null, parentComponent, "created"); | |
} | |
// props | |
if (props) { | |
if (forcePatchValue || !optimized || patchFlag & (16 /* PatchFlags.FULL_PROPS */ | 32 /* PatchFlags.HYDRATE_EVENTS */ )) { | |
for(const key in props){ | |
if (forcePatchValue && key.endsWith("value") || (0, _shared.isOn)(key) && !(0, _shared.isReservedProp)(key)) { | |
patchProp(el, key, null, props[key], false, undefined, parentComponent); | |
} | |
} | |
} else if (props.onClick) { | |
// Fast path for click listeners (which is most often) to avoid | |
// iterating through props. | |
patchProp(el, "onClick", null, props.onClick, false, undefined, parentComponent); | |
} | |
} | |
// vnode / directive hooks | |
let vnodeHooks; | |
if (vnodeHooks = props && props.onVnodeBeforeMount) { | |
invokeVNodeHook(vnodeHooks, parentComponent, vnode); | |
} | |
if (dirs) { | |
invokeDirectiveHook(vnode, null, parentComponent, "beforeMount"); | |
} | |
if ((vnodeHooks = props && props.onVnodeMounted) || dirs) { | |
queueEffectWithSuspense(()=>{ | |
vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode); | |
dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted"); | |
}, parentSuspense); | |
} | |
// children | |
if (shapeFlag & 16 /* ShapeFlags.ARRAY_CHILDREN */ && // skip if element has innerHTML / textContent | |
!(props && (props.innerHTML || props.textContent))) { | |
let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized); | |
let hasWarned = false; | |
while(next){ | |
hasMismatch = true; | |
if ( true && !hasWarned) { | |
warn(`Hydration children mismatch in <${vnode.type}>: ` + `server rendered element contains more child nodes than client vdom.`); | |
hasWarned = true; | |
} | |
// The SSRed DOM contains more nodes than it should. Remove them. | |
const cur = next; | |
next = next.nextSibling; | |
remove(cur); | |
} | |
} else if (shapeFlag & 8 /* ShapeFlags.TEXT_CHILDREN */ ) { | |
if (el.textContent !== vnode.children) { | |
hasMismatch = true; | |
true && warn(`Hydration text content mismatch in <${vnode.type}>:\n` + `- Client: ${el.textContent}\n` + `- Server: ${vnode.children}`); | |
el.textContent = vnode.children; | |
} | |
} | |
} | |
return el.nextSibling; | |
}; | |
const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized)=>{ | |
optimized = optimized || !!parentVNode.dynamicChildren; | |
const children = parentVNode.children; | |
const l = children.length; | |
let hasWarned = false; | |
for(let i = 0; i < l; i++){ | |
const vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]); | |
if (node) { | |
node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); | |
} else if (vnode.type === Text && !vnode.children) { | |
continue; | |
} else { | |
hasMismatch = true; | |
if ( true && !hasWarned) { | |
warn(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` + `server rendered element contains fewer child nodes than client vdom.`); | |
hasWarned = true; | |
} | |
// the SSRed DOM didn't contain enough nodes. Mount the missing ones. | |
patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds); | |
} | |
} | |
return node; | |
}; | |
const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized)=>{ | |
const { slotScopeIds: fragmentSlotScopeIds } = vnode; | |
if (fragmentSlotScopeIds) { | |
slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds; | |
} | |
const container = parentNode(node); | |
const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized); | |
if (next && isComment(next) && next.data === "]") { | |
return nextSibling(vnode.anchor = next); | |
} else { | |
// fragment didn't hydrate successfully, since we didn't get a end anchor | |
// back. This should have led to node/children mismatch warnings. | |
hasMismatch = true; | |
// since the anchor is missing, we need to create one and insert it | |
insert(vnode.anchor = createComment(`]`), container, next); | |
return next; | |
} | |
}; | |
const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment)=>{ | |
hasMismatch = true; | |
true && warn(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* DOMNodeTypes.TEXT */ ? `(text)` : isComment(node) && node.data === "[" ? `(start of fragment)` : ``); | |
vnode.el = null; | |
if (isFragment) { | |
// remove excessive fragment nodes | |
const end = locateClosingAsyncAnchor(node); | |
while(true){ | |
const next = nextSibling(node); | |
if (next && next !== end) { | |
remove(next); | |
} else { | |
break; | |
} | |
} | |
} | |
const next1 = nextSibling(node); | |
const container = parentNode(node); | |
remove(node); | |
patch(null, vnode, container, next1, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds); | |
return next1; | |
}; | |
const locateClosingAsyncAnchor = (node)=>{ | |
let match = 0; | |
while(node){ | |
node = nextSibling(node); | |
if (node && isComment(node)) { | |
if (node.data === "[") match++; | |
if (node.data === "]") { | |
if (match === 0) { | |
return nextSibling(node); | |
} else { | |
match--; | |
} | |
} | |
} | |
} | |
return node; | |
}; | |
return [ | |
hydrate, | |
hydrateNode | |
]; | |
} | |
/* eslint-disable no-restricted-globals */ let supported; | |
let perf; | |
function startMeasure(instance, type) { | |
if (instance.appContext.config.performance && isSupported()) { | |
perf.mark(`vue-${type}-${instance.uid}`); | |
} | |
if (true) { | |
devtoolsPerfStart(instance, type, isSupported() ? perf.now() : Date.now()); | |
} | |
} | |
function endMeasure(instance, type) { | |
if (instance.appContext.config.performance && isSupported()) { | |
const startTag = `vue-${type}-${instance.uid}`; | |
const endTag = startTag + `:end`; | |
perf.mark(endTag); | |
perf.measure(`<${formatComponentName(instance, instance.type)}> ${type}`, startTag, endTag); | |
perf.clearMarks(startTag); | |
perf.clearMarks(endTag); | |
} | |
if (true) { | |
devtoolsPerfEnd(instance, type, isSupported() ? perf.now() : Date.now()); | |
} | |
} | |
function isSupported() { | |
if (supported !== undefined) { | |
return supported; | |
} | |
if (typeof window !== "undefined" && window.performance) { | |
supported = true; | |
perf = window.performance; | |
} else { | |
supported = false; | |
} | |
return supported; | |
} | |
/** | |
* This is only called in esm-bundler builds. | |
* It is called when a renderer is created, in `baseCreateRenderer` so that | |
* importing runtime-core is side-effects free. | |
* | |
* istanbul-ignore-next | |
*/ function initFeatureFlags() { | |
const needWarn = []; | |
if (typeof __VUE_OPTIONS_API__ !== "boolean") { | |
true && needWarn.push(`__VUE_OPTIONS_API__`); | |
(0, _shared.getGlobalThis)().__VUE_OPTIONS_API__ = true; | |
} | |
if (typeof __VUE_PROD_DEVTOOLS__ !== "boolean") { | |
true && needWarn.push(`__VUE_PROD_DEVTOOLS__`); | |
(0, _shared.getGlobalThis)().__VUE_PROD_DEVTOOLS__ = false; | |
} | |
if ( true && needWarn.length) { | |
const multi = needWarn.length > 1; | |
console.warn(`Feature flag${multi ? `s` : ``} ${needWarn.join(", ")} ${multi ? `are` : `is`} not explicitly defined. You are running the esm-bundler build of Vue, ` + `which expects these compile-time feature flags to be globally injected ` + `via the bundler config in order to get better tree-shaking in the ` + `production bundle.\n\n` + `For more details, see https://link.vuejs.org/feature-flags.`); | |
} | |
} | |
const queuePostRenderEffect = queueEffectWithSuspense; | |
/** | |
* The createRenderer function accepts two generic arguments: | |
* HostNode and HostElement, corresponding to Node and Element types in the | |
* host environment. For example, for runtime-dom, HostNode would be the DOM | |
* `Node` interface and HostElement would be the DOM `Element` interface. | |
* | |
* Custom renderers can pass in the platform specific types like this: | |
* | |
* ``` js | |
* const { render, createApp } = createRenderer<Node, Element>({ | |
* patchProp, | |
* ...nodeOps | |
* }) | |
* ``` | |
*/ function createRenderer(options) { | |
return baseCreateRenderer(options); | |
} | |
// Separate API for creating hydration-enabled renderer. | |
// Hydration logic is only used when calling this function, making it | |
// tree-shakable. | |
function createHydrationRenderer(options) { | |
return baseCreateRenderer(options, createHydrationFunctions); | |
} | |
// implementation | |
function baseCreateRenderer(options, createHydrationFns) { | |
// compile-time feature flags check | |
{ | |
initFeatureFlags(); | |
} | |
const target = (0, _shared.getGlobalThis)(); | |
target.__VUE__ = true; | |
if (true) { | |
setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__, target); | |
} | |
const { insert: hostInsert , remove: hostRemove , patchProp: hostPatchProp , createElement: hostCreateElement , createText: hostCreateText , createComment: hostCreateComment , setText: hostSetText , setElementText: hostSetElementText , parentNode: hostParentNode , nextSibling: hostNextSibling , setScopeId: hostSetScopeId = _shared.NOOP , insertStaticContent: hostInsertStaticContent } = options; | |
// Note: functions inside this closure should use `const xxx = () => {}` | |
// style in order to prevent being inlined by minifiers. | |
const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = true && isHmrUpdating ? false : !!n2.dynamicChildren)=>{ | |
if (n1 === n2) { | |
return; | |
} | |
// patching & not same type, unmount old tree | |
if (n1 && !isSameVNodeType(n1, n2)) { | |
anchor = getNextHostNode(n1); | |
unmount(n1, parentComponent, parentSuspense, true); | |
n1 = null; | |
} | |
if (n2.patchFlag === -2 /* PatchFlags.BAIL */ ) { | |
optimized = false; | |
n2.dynamicChildren = null; | |
} | |
const { type , ref , shapeFlag } = n2; | |
switch(type){ | |
case Text: | |
processText(n1, n2, container, anchor); | |
break; | |
case Comment: | |
processCommentNode(n1, n2, container, anchor); | |
break; | |
case Static: | |
if (n1 == null) { | |
mountStaticNode(n2, container, anchor, isSVG); | |
} else if (true) { | |
patchStaticNode(n1, n2, container, isSVG); | |
} | |
break; | |
case Fragment: | |
processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); | |
break; | |
default: | |
if (shapeFlag & 1 /* ShapeFlags.ELEMENT */ ) { | |
processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); | |
} else if (shapeFlag & 6 /* ShapeFlags.COMPONENT */ ) { | |
processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); | |
} else if (shapeFlag & 64 /* ShapeFlags.TELEPORT */ ) { | |
type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals); | |
} else if (shapeFlag & 128 /* ShapeFlags.SUSPENSE */ ) { | |
type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals); | |
} else if (true) { | |
warn("Invalid VNode type:", type, `(${typeof type})`); | |
} | |
} | |
// set ref | |
if (ref != null && parentComponent) { | |
setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2); | |
} | |
}; | |
const processText = (n1, n2, container, anchor)=>{ | |
if (n1 == null) { | |
hostInsert(n2.el = hostCreateText(n2.children), container, anchor); | |
} else { | |
const el = n2.el = n1.el; | |
if (n2.children !== n1.children) { | |
hostSetText(el, n2.children); | |
} | |
} | |
}; | |
const processCommentNode = (n1, n2, container, anchor)=>{ | |
if (n1 == null) { | |
hostInsert(n2.el = hostCreateComment(n2.children || ""), container, anchor); | |
} else { | |
// there's no support for dynamic comments | |
n2.el = n1.el; | |
} | |
}; | |
const mountStaticNode = (n2, container, anchor, isSVG)=>{ | |
[n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG, n2.el, n2.anchor); | |
}; | |
/** | |
* Dev / HMR only | |
*/ const patchStaticNode = (n1, n2, container, isSVG)=>{ | |
// static nodes are only patched during dev for HMR | |
if (n2.children !== n1.children) { | |
const anchor = hostNextSibling(n1.anchor); | |
// remove existing | |
removeStaticNode(n1); | |
[n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG); | |
} else { | |
n2.el = n1.el; | |
n2.anchor = n1.anchor; | |
} | |
}; | |
const moveStaticNode = ({ el , anchor }, container, nextSibling)=>{ | |
let next; | |
while(el && el !== anchor){ | |
next = hostNextSibling(el); | |
hostInsert(el, container, nextSibling); | |
el = next; | |
} | |
hostInsert(anchor, container, nextSibling); | |
}; | |
const removeStaticNode = ({ el , anchor })=>{ | |
let next; | |
while(el && el !== anchor){ | |
next = hostNextSibling(el); | |
hostRemove(el); | |
el = next; | |
} | |
hostRemove(anchor); | |
}; | |
const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized)=>{ | |
isSVG = isSVG || n2.type === "svg"; | |
if (n1 == null) { | |
mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); | |
} else { | |
patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); | |
} | |
}; | |
const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized)=>{ | |
let el; | |
let vnodeHook; | |
const { type , props , shapeFlag , transition , dirs } = vnode; | |
el = vnode.el = hostCreateElement(vnode.type, isSVG, props && props.is, props); | |
// mount children first, since some props may rely on child content | |
// being already rendered, e.g. `<select value>` | |
if (shapeFlag & 8 /* ShapeFlags.TEXT_CHILDREN */ ) { | |
hostSetElementText(el, vnode.children); | |
} else if (shapeFlag & 16 /* ShapeFlags.ARRAY_CHILDREN */ ) { | |
mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== "foreignObject", slotScopeIds, optimized); | |
} | |
if (dirs) { | |
invokeDirectiveHook(vnode, null, parentComponent, "created"); | |
} | |
// props | |
if (props) { | |
for(const key in props){ | |
if (key !== "value" && !(0, _shared.isReservedProp)(key)) { | |
hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); | |
} | |
} | |
/** | |
* Special case for setting value on DOM elements: | |
* - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024) | |
* - it needs to be forced (#1471) | |
* #2353 proposes adding another renderer option to configure this, but | |
* the properties affects are so finite it is worth special casing it | |
* here to reduce the complexity. (Special casing it also should not | |
* affect non-DOM renderers) | |
*/ if ("value" in props) { | |
hostPatchProp(el, "value", null, props.value); | |
} | |
if (vnodeHook = props.onVnodeBeforeMount) { | |
invokeVNodeHook(vnodeHook, parentComponent, vnode); | |
} | |
} | |
// scopeId | |
setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent); | |
if (true) { | |
Object.defineProperty(el, "__vnode", { | |
value: vnode, | |
enumerable: false | |
}); | |
Object.defineProperty(el, "__vueParentComponent", { | |
value: parentComponent, | |
enumerable: false | |
}); | |
} | |
if (dirs) { | |
invokeDirectiveHook(vnode, null, parentComponent, "beforeMount"); | |
} | |
// #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved | |
// #1689 For inside suspense + suspense resolved case, just call it | |
const needCallTransitionHooks = (!parentSuspense || parentSuspense && !parentSuspense.pendingBranch) && transition && !transition.persisted; | |
if (needCallTransitionHooks) { | |
transition.beforeEnter(el); | |
} | |
hostInsert(el, container, anchor); | |
if ((vnodeHook = props && props.onVnodeMounted) || needCallTransitionHooks || dirs) { | |
queuePostRenderEffect(()=>{ | |
vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode); | |
needCallTransitionHooks && transition.enter(el); | |
dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted"); | |
}, parentSuspense); | |
} | |
}; | |
const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent)=>{ | |
if (scopeId) { | |
hostSetScopeId(el, scopeId); | |
} | |
if (slotScopeIds) { | |
for(let i = 0; i < slotScopeIds.length; i++){ | |
hostSetScopeId(el, slotScopeIds[i]); | |
} | |
} | |
if (parentComponent) { | |
let subTree = parentComponent.subTree; | |
if ( true && subTree.patchFlag > 0 && subTree.patchFlag & 2048 /* PatchFlags.DEV_ROOT_FRAGMENT */ ) { | |
subTree = filterSingleRoot(subTree.children) || subTree; | |
} | |
if (vnode === subTree) { | |
const parentVNode = parentComponent.vnode; | |
setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent); | |
} | |
} | |
}; | |
const mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0)=>{ | |
for(let i = start; i < children.length; i++){ | |
const child = children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]); | |
patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); | |
} | |
}; | |
const patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized)=>{ | |
const el = n2.el = n1.el; | |
let { patchFlag , dynamicChildren , dirs } = n2; | |
// #1426 take the old vnode's patch flag into account since user may clone a | |
// compiler-generated vnode, which de-opts to FULL_PROPS | |
patchFlag |= n1.patchFlag & 16 /* PatchFlags.FULL_PROPS */ ; | |
const oldProps = n1.props || _shared.EMPTY_OBJ; | |
const newProps = n2.props || _shared.EMPTY_OBJ; | |
let vnodeHook; | |
// disable recurse in beforeUpdate hooks | |
parentComponent && toggleRecurse(parentComponent, false); | |
if (vnodeHook = newProps.onVnodeBeforeUpdate) { | |
invokeVNodeHook(vnodeHook, parentComponent, n2, n1); | |
} | |
if (dirs) { | |
invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate"); | |
} | |
parentComponent && toggleRecurse(parentComponent, true); | |
if ( true && isHmrUpdating) { | |
// HMR updated, force full diff | |
patchFlag = 0; | |
optimized = false; | |
dynamicChildren = null; | |
} | |
const areChildrenSVG = isSVG && n2.type !== "foreignObject"; | |
if (dynamicChildren) { | |
patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds); | |
if ( true && parentComponent && parentComponent.type.__hmrId) { | |
traverseStaticChildren(n1, n2); | |
} | |
} else if (!optimized) { | |
// full diff | |
patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false); | |
} | |
if (patchFlag > 0) { | |
// the presence of a patchFlag means this element's render code was | |
// generated by the compiler and can take the fast path. | |
// in this path old node and new node are guaranteed to have the same shape | |
// (i.e. at the exact same position in the source template) | |
if (patchFlag & 16 /* PatchFlags.FULL_PROPS */ ) { | |
// element props contain dynamic keys, full diff needed | |
patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG); | |
} else { | |
// class | |
// this flag is matched when the element has dynamic class bindings. | |
if (patchFlag & 2 /* PatchFlags.CLASS */ ) { | |
if (oldProps.class !== newProps.class) { | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment