UNPKG

@arco-design/web-vue

Version:

Arco Design Vue 2.0: A Vue.js 3 UI Library

1,508 lines 804 kB
(function(global, factory) { typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory(require("vue")) : typeof define === "function" && define.amd ? define(["vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, global.ArcoVueIcon = factory(global.Vue)); })(this, function(vue) { "use strict"; const configProviderInjectionKey = Symbol("ArcoConfigProvider"); const CLASS_PREFIX = "arco"; const GLOBAL_CONFIG_NAME = "$arco"; const getPrefixCls = (componentName) => { var _a, _b, _c; const instance = vue.getCurrentInstance(); const configProvider = vue.inject(configProviderInjectionKey, void 0); const prefix = (_c = (_b = configProvider == null ? void 0 : configProvider.prefixCls) != null ? _b : (_a = instance == null ? void 0 : instance.appContext.config.globalProperties[GLOBAL_CONFIG_NAME]) == null ? void 0 : _a.classPrefix) != null ? _c : CLASS_PREFIX; if (componentName) { return `${prefix}-${componentName}`; } return prefix; }; const opt = Object.prototype.toString; function isNumber(obj) { return opt.call(obj) === "[object Number]" && obj === obj; } var _export_sfc = (sfc, props) => { const target = sfc.__vccOpts || sfc; for (const [key, val] of props) { target[key] = val; } return target; }; const _sfc_main$4u = vue.defineComponent({ name: "IconArrowDown", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-down`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4u = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4u(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "m11.27 27.728 12.727 12.728 12.728-12.728M24 5v34.295" }, null, -1) ]), 14, _hoisted_1$4u); } var _IconArrowDown = /* @__PURE__ */ _export_sfc(_sfc_main$4u, [["render", _sfc_render$4u]]); const IconArrowDown = Object.assign(_IconArrowDown, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconArrowDown.name, _IconArrowDown); } }); const _sfc_main$4t = vue.defineComponent({ name: "IconArrowFall", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-fall`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4t = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4t(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M24.008 41.99a.01.01 0 0 1-.016 0l-9.978-11.974A.01.01 0 0 1 14.02 30H33.98a.01.01 0 0 1 .007.016l-9.978 11.975Z" }, null, -1), vue.createElementVNode("path", { d: "M24 42 14 30h20L24 42Z", fill: "currentColor", stroke: "none" }, null, -1), vue.createElementVNode("path", { d: "M22 6h4v26h-4z" }, null, -1), vue.createElementVNode("path", { fill: "currentColor", stroke: "none", d: "M22 6h4v26h-4z" }, null, -1) ]), 14, _hoisted_1$4t); } var _IconArrowFall = /* @__PURE__ */ _export_sfc(_sfc_main$4t, [["render", _sfc_render$4t]]); const IconArrowFall = Object.assign(_IconArrowFall, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconArrowFall.name, _IconArrowFall); } }); const _sfc_main$4s = vue.defineComponent({ name: "IconArrowLeft", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-left`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4s = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4s(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M20.272 11.27 7.544 23.998l12.728 12.728M43 24H8.705" }, null, -1) ]), 14, _hoisted_1$4s); } var _IconArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$4s, [["render", _sfc_render$4s]]); const IconArrowLeft = Object.assign(_IconArrowLeft, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconArrowLeft.name, _IconArrowLeft); } }); const _sfc_main$4r = vue.defineComponent({ name: "IconArrowRight", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-right`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4r = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4r(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "m27.728 11.27 12.728 12.728-12.728 12.728M5 24h34.295" }, null, -1) ]), 14, _hoisted_1$4r); } var _IconArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$4r, [["render", _sfc_render$4r]]); const IconArrowRight = Object.assign(_IconArrowRight, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconArrowRight.name, _IconArrowRight); } }); const _sfc_main$4q = vue.defineComponent({ name: "IconArrowRise", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-rise`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4q = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4q(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M23.992 6.01a.01.01 0 0 1 .016 0l9.978 11.974a.01.01 0 0 1-.007.016H14.02a.01.01 0 0 1-.007-.016l9.978-11.975Z" }, null, -1), vue.createElementVNode("path", { d: "m24 6 10 12H14L24 6Z", fill: "currentColor", stroke: "none" }, null, -1), vue.createElementVNode("path", { d: "M26 42h-4V16h4z" }, null, -1), vue.createElementVNode("path", { fill: "currentColor", stroke: "none", d: "M26 42h-4V16h4z" }, null, -1) ]), 14, _hoisted_1$4q); } var _IconArrowRise = /* @__PURE__ */ _export_sfc(_sfc_main$4q, [["render", _sfc_render$4q]]); const IconArrowRise = Object.assign(_IconArrowRise, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconArrowRise.name, _IconArrowRise); } }); const _sfc_main$4p = vue.defineComponent({ name: "IconArrowUp", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-up`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4p = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4p(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M11.27 20.272 23.997 7.544l12.728 12.728M24 43V8.705" }, null, -1) ]), 14, _hoisted_1$4p); } var _IconArrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$4p, [["render", _sfc_render$4p]]); const IconArrowUp = Object.assign(_IconArrowUp, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconArrowUp.name, _IconArrowUp); } }); const _sfc_main$4o = vue.defineComponent({ name: "IconCaretDown", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-caret-down`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4o = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4o(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M24.938 34.829a1.2 1.2 0 0 1-1.875 0L9.56 17.949c-.628-.785-.069-1.949.937-1.949h27.007c1.006 0 1.565 1.164.937 1.95L24.937 34.829Z", fill: "currentColor", stroke: "none" }, null, -1) ]), 14, _hoisted_1$4o); } var _IconCaretDown = /* @__PURE__ */ _export_sfc(_sfc_main$4o, [["render", _sfc_render$4o]]); const IconCaretDown = Object.assign(_IconCaretDown, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconCaretDown.name, _IconCaretDown); } }); const _sfc_main$4n = vue.defineComponent({ name: "IconCaretLeft", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-caret-left`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4n = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4n(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M13.171 24.937a1.2 1.2 0 0 1 0-1.874L30.051 9.56c.785-.629 1.949-.07 1.949.937v27.006c0 1.006-1.164 1.566-1.95.937L13.171 24.937Z", fill: "currentColor", stroke: "none" }, null, -1) ]), 14, _hoisted_1$4n); } var _IconCaretLeft = /* @__PURE__ */ _export_sfc(_sfc_main$4n, [["render", _sfc_render$4n]]); const IconCaretLeft = Object.assign(_IconCaretLeft, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconCaretLeft.name, _IconCaretLeft); } }); const _sfc_main$4m = vue.defineComponent({ name: "IconCaretRight", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-caret-right`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4m = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4m(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M34.829 23.063c.6.48.6 1.394 0 1.874L17.949 38.44c-.785.629-1.949.07-1.949-.937V10.497c0-1.007 1.164-1.566 1.95-.937l16.879 13.503Z", fill: "currentColor", stroke: "none" }, null, -1) ]), 14, _hoisted_1$4m); } var _IconCaretRight = /* @__PURE__ */ _export_sfc(_sfc_main$4m, [["render", _sfc_render$4m]]); const IconCaretRight = Object.assign(_IconCaretRight, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconCaretRight.name, _IconCaretRight); } }); const _sfc_main$4l = vue.defineComponent({ name: "IconCaretUp", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-caret-up`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4l = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4l(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M23.063 13.171a1.2 1.2 0 0 1 1.875 0l13.503 16.88c.628.785.069 1.949-.937 1.949H10.497c-1.006 0-1.565-1.164-.937-1.95l13.503-16.879Z", fill: "currentColor", stroke: "none" }, null, -1) ]), 14, _hoisted_1$4l); } var _IconCaretUp = /* @__PURE__ */ _export_sfc(_sfc_main$4l, [["render", _sfc_render$4l]]); const IconCaretUp = Object.assign(_IconCaretUp, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconCaretUp.name, _IconCaretUp); } }); const _sfc_main$4k = vue.defineComponent({ name: "IconDoubleDown", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-double-down`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4k = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4k(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "m9.9 11.142 14.143 14.142 14.142-14.142M9.9 22.456l14.143 14.142 14.142-14.142" }, null, -1) ]), 14, _hoisted_1$4k); } var _IconDoubleDown = /* @__PURE__ */ _export_sfc(_sfc_main$4k, [["render", _sfc_render$4k]]); const IconDoubleDown = Object.assign(_IconDoubleDown, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconDoubleDown.name, _IconDoubleDown); } }); const _sfc_main$4j = vue.defineComponent({ name: "IconDoubleLeft", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-double-left`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4j = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4j(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M36.857 9.9 22.715 24.042l14.142 14.142M25.544 9.9 11.402 24.042l14.142 14.142" }, null, -1) ]), 14, _hoisted_1$4j); } var _IconDoubleLeft = /* @__PURE__ */ _export_sfc(_sfc_main$4j, [["render", _sfc_render$4j]]); const IconDoubleLeft = Object.assign(_IconDoubleLeft, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconDoubleLeft.name, _IconDoubleLeft); } }); const _sfc_main$4i = vue.defineComponent({ name: "IconDoubleRight", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-double-right`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4i = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4i(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "m11.143 38.1 14.142-14.142L11.143 9.816M22.456 38.1l14.142-14.142L22.456 9.816" }, null, -1) ]), 14, _hoisted_1$4i); } var _IconDoubleRight = /* @__PURE__ */ _export_sfc(_sfc_main$4i, [["render", _sfc_render$4i]]); const IconDoubleRight = Object.assign(_IconDoubleRight, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconDoubleRight.name, _IconDoubleRight); } }); const _sfc_main$4h = vue.defineComponent({ name: "IconDoubleUp", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-double-up`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4h = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4h(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M38.1 36.858 23.957 22.716 9.816 36.858M38.1 25.544 23.957 11.402 9.816 25.544" }, null, -1) ]), 14, _hoisted_1$4h); } var _IconDoubleUp = /* @__PURE__ */ _export_sfc(_sfc_main$4h, [["render", _sfc_render$4h]]); const IconDoubleUp = Object.assign(_IconDoubleUp, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconDoubleUp.name, _IconDoubleUp); } }); const _sfc_main$4g = vue.defineComponent({ name: "IconDownCircle", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-down-circle`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4g = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4g(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("circle", { cx: "24", cy: "24", r: "18", transform: "rotate(-180 24 24)" }, null, -1), vue.createElementVNode("path", { d: "M32.484 20.515 24 29l-8.485-8.485" }, null, -1) ]), 14, _hoisted_1$4g); } var _IconDownCircle = /* @__PURE__ */ _export_sfc(_sfc_main$4g, [["render", _sfc_render$4g]]); const IconDownCircle = Object.assign(_IconDownCircle, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconDownCircle.name, _IconDownCircle); } }); const _sfc_main$4f = vue.defineComponent({ name: "IconDown", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-down`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4f = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4f(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M39.6 17.443 24.043 33 8.487 17.443" }, null, -1) ]), 14, _hoisted_1$4f); } var _IconDown = /* @__PURE__ */ _export_sfc(_sfc_main$4f, [["render", _sfc_render$4f]]); const IconDown = Object.assign(_IconDown, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconDown.name, _IconDown); } }); const _sfc_main$4e = vue.defineComponent({ name: "IconDragArrow", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-drag-arrow`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4e = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4e(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M7 24h34M24 7v34M30 12l-6-6-6 6M36 30l6-6-6-6M12 30l-6-6 6-6M18 36l6 6 6-6" }, null, -1) ]), 14, _hoisted_1$4e); } var _IconDragArrow = /* @__PURE__ */ _export_sfc(_sfc_main$4e, [["render", _sfc_render$4e]]); const IconDragArrow = Object.assign(_IconDragArrow, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconDragArrow.name, _IconDragArrow); } }); const _sfc_main$4d = vue.defineComponent({ name: "IconExpand", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-expand`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { const styles = {}; if (props.size) { styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size; } if (props.rotate) { styles.transform = `rotate(${props.rotate}deg)`; } return styles; }); const onClick = (ev) => { emit("click", ev); }; return { cls, innerStyle, onClick }; } }); const _hoisted_1$4d = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; function _sfc_render$4d(_ctx, _cache, $props, $setup, $data, $options) { return vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", class: vue.normalizeClass(_ctx.cls), style: vue.normalizeStyle(_ctx.innerStyle), "stroke-width": _ctx.strokeWidth, "stroke-linecap": _ctx.strokeLinecap, "stroke-linejoin": _ctx.strokeLinejoin, onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }, _cache[1] || (_cache[1] = [ vue.createElementVNode("path", { d: "M7 26v14c0 .552.444 1 .996 1H22m19-19V8c0-.552-.444-1-.996-1H26" }, null, -1) ]), 14, _hoisted_1$4d); } var _IconExpand = /* @__PURE__ */ _export_sfc(_sfc_main$4d, [["render", _sfc_render$4d]]); const IconExpand = Object.assign(_IconExpand, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconExpand.name, _IconExpand); } }); const _sfc_main$4c = vue.defineComponent({ name: "IconLeftCircle", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value); } }, strokeLinejoin: { type: String, default: "miter", validator: (value) => { return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value); } }, rotate: Number, spin: Boolean }, emits: { click: (ev) => true }, setup(props, { emit }) { const prefixCls = g