UNPKG

winbox-ui-next

Version:

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

1,499 lines (1,498 loc) 710 kB
var __defProp = Object.defineProperty; var __defProps = Object.defineProperties; var __getOwnPropDescs = Object.getOwnPropertyDescriptors; var __getOwnPropSymbols = Object.getOwnPropertySymbols; var __hasOwnProp = Object.prototype.hasOwnProperty; var __propIsEnum = Object.prototype.propertyIsEnumerable; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __spreadValues = (a, b) => { for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]); if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) { if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]); } return a; }; var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); (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.WinboxIcon = factory(global.Vue)); })(this, function(vue) { "use strict"; const configProviderInjectionKey = Symbol("WinboxConfigProvider"); const CLASS_PREFIX = "w"; const GLOBAL_CONFIG_NAME = "$w"; 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) => { for (const [key, val] of props) { sfc[key] = val; } return sfc; }; const _sfc_main$4p = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-down`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4p = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4p = /* @__PURE__ */ vue.createElementVNode("path", { d: "m11.27 27.728 12.727 12.728 12.728-12.728M24 5v34.295" }, null, -1); const _hoisted_3$4n = [ _hoisted_2$4p ]; 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 }, _hoisted_3$4n, 14, _hoisted_1$4p); } var _IconArrowDown = /* @__PURE__ */ _export_sfc(_sfc_main$4p, [["render", _sfc_render$4p]]); 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$4o = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-fall`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4o = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4o = /* @__PURE__ */ 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); const _hoisted_3$4m = /* @__PURE__ */ vue.createElementVNode("path", { d: "M24 42 14 30h20L24 42Z", fill: "currentColor", stroke: "none" }, null, -1); const _hoisted_4$1a = /* @__PURE__ */ vue.createElementVNode("path", { d: "M22 6h4v26h-4z" }, null, -1); const _hoisted_5$l = /* @__PURE__ */ vue.createElementVNode("path", { fill: "currentColor", stroke: "none", d: "M22 6h4v26h-4z" }, null, -1); const _hoisted_6$7 = [ _hoisted_2$4o, _hoisted_3$4m, _hoisted_4$1a, _hoisted_5$l ]; 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 }, _hoisted_6$7, 14, _hoisted_1$4o); } var _IconArrowFall = /* @__PURE__ */ _export_sfc(_sfc_main$4o, [["render", _sfc_render$4o]]); 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$4n = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-left`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4n = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4n = /* @__PURE__ */ vue.createElementVNode("path", { d: "M20.272 11.27 7.544 23.998l12.728 12.728M43 24H8.705" }, null, -1); const _hoisted_3$4l = [ _hoisted_2$4n ]; 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 }, _hoisted_3$4l, 14, _hoisted_1$4n); } var _IconArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$4n, [["render", _sfc_render$4n]]); 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$4m = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-right`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4m = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4m = /* @__PURE__ */ vue.createElementVNode("path", { d: "m27.728 11.27 12.728 12.728-12.728 12.728M5 24h34.295" }, null, -1); const _hoisted_3$4k = [ _hoisted_2$4m ]; 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 }, _hoisted_3$4k, 14, _hoisted_1$4m); } var _IconArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$4m, [["render", _sfc_render$4m]]); 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$4l = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-rise`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4l = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4l = /* @__PURE__ */ 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); const _hoisted_3$4j = /* @__PURE__ */ vue.createElementVNode("path", { d: "m24 6 10 12H14L24 6Z", fill: "currentColor", stroke: "none" }, null, -1); const _hoisted_4$19 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M26 42h-4V16h4z" }, null, -1); const _hoisted_5$k = /* @__PURE__ */ vue.createElementVNode("path", { fill: "currentColor", stroke: "none", d: "M26 42h-4V16h4z" }, null, -1); const _hoisted_6$6 = [ _hoisted_2$4l, _hoisted_3$4j, _hoisted_4$19, _hoisted_5$k ]; 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 }, _hoisted_6$6, 14, _hoisted_1$4l); } var _IconArrowRise = /* @__PURE__ */ _export_sfc(_sfc_main$4l, [["render", _sfc_render$4l]]); 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$4k = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-arrow-up`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4k = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4k = /* @__PURE__ */ vue.createElementVNode("path", { d: "M11.27 20.272 23.997 7.544l12.728 12.728M24 43V8.705" }, null, -1); const _hoisted_3$4i = [ _hoisted_2$4k ]; 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 }, _hoisted_3$4i, 14, _hoisted_1$4k); } var _IconArrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$4k, [["render", _sfc_render$4k]]); 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$4j = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-caret-down`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4j = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4j = /* @__PURE__ */ 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); const _hoisted_3$4h = [ _hoisted_2$4j ]; 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 }, _hoisted_3$4h, 14, _hoisted_1$4j); } var _IconCaretDown = /* @__PURE__ */ _export_sfc(_sfc_main$4j, [["render", _sfc_render$4j]]); 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$4i = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-caret-left`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4i = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4i = /* @__PURE__ */ 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); const _hoisted_3$4g = [ _hoisted_2$4i ]; 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 }, _hoisted_3$4g, 14, _hoisted_1$4i); } var _IconCaretLeft = /* @__PURE__ */ _export_sfc(_sfc_main$4i, [["render", _sfc_render$4i]]); 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$4h = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-caret-right`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4h = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4h = /* @__PURE__ */ 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); const _hoisted_3$4f = [ _hoisted_2$4h ]; 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 }, _hoisted_3$4f, 14, _hoisted_1$4h); } var _IconCaretRight = /* @__PURE__ */ _export_sfc(_sfc_main$4h, [["render", _sfc_render$4h]]); 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$4g = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-caret-up`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4g = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4g = /* @__PURE__ */ 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); const _hoisted_3$4e = [ _hoisted_2$4g ]; 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 }, _hoisted_3$4e, 14, _hoisted_1$4g); } var _IconCaretUp = /* @__PURE__ */ _export_sfc(_sfc_main$4g, [["render", _sfc_render$4g]]); 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$4f = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-double-down`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4f = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4f = /* @__PURE__ */ 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); const _hoisted_3$4d = [ _hoisted_2$4f ]; 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 }, _hoisted_3$4d, 14, _hoisted_1$4f); } var _IconDoubleDown = /* @__PURE__ */ _export_sfc(_sfc_main$4f, [["render", _sfc_render$4f]]); 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$4e = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-double-left`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4e = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4e = /* @__PURE__ */ 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); const _hoisted_3$4c = [ _hoisted_2$4e ]; 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 }, _hoisted_3$4c, 14, _hoisted_1$4e); } var _IconDoubleLeft = /* @__PURE__ */ _export_sfc(_sfc_main$4e, [["render", _sfc_render$4e]]); 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$4d = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-double-right`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4d = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4d = /* @__PURE__ */ 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); const _hoisted_3$4b = [ _hoisted_2$4d ]; 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 }, _hoisted_3$4b, 14, _hoisted_1$4d); } var _IconDoubleRight = /* @__PURE__ */ _export_sfc(_sfc_main$4d, [["render", _sfc_render$4d]]); 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$4c = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-double-up`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4c = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4c = /* @__PURE__ */ 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); const _hoisted_3$4a = [ _hoisted_2$4c ]; function _sfc_render$4c(_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 }, _hoisted_3$4a, 14, _hoisted_1$4c); } var _IconDoubleUp = /* @__PURE__ */ _export_sfc(_sfc_main$4c, [["render", _sfc_render$4c]]); 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$4b = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-down-circle`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4b = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4b = /* @__PURE__ */ vue.createElementVNode("circle", { cx: "24", cy: "24", r: "18", transform: "rotate(-180 24 24)" }, null, -1); const _hoisted_3$49 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M32.484 20.515 24 29l-8.485-8.485" }, null, -1); const _hoisted_4$18 = [ _hoisted_2$4b, _hoisted_3$49 ]; function _sfc_render$4b(_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 }, _hoisted_4$18, 14, _hoisted_1$4b); } var _IconDownCircle = /* @__PURE__ */ _export_sfc(_sfc_main$4b, [["render", _sfc_render$4b]]); 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$4a = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-down`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$4a = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$4a = /* @__PURE__ */ vue.createElementVNode("path", { d: "M39.6 17.443 24.043 33 8.487 17.443" }, null, -1); const _hoisted_3$48 = [ _hoisted_2$4a ]; function _sfc_render$4a(_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 }, _hoisted_3$48, 14, _hoisted_1$4a); } var _IconDown = /* @__PURE__ */ _export_sfc(_sfc_main$4a, [["render", _sfc_render$4a]]); 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$49 = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-drag-arrow`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$49 = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$49 = /* @__PURE__ */ 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); const _hoisted_3$47 = [ _hoisted_2$49 ]; function _sfc_render$49(_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 }, _hoisted_3$47, 14, _hoisted_1$49); } var _IconDragArrow = /* @__PURE__ */ _export_sfc(_sfc_main$49, [["render", _sfc_render$49]]); 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$48 = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-expand`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$48 = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$48 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M7 26v14c0 .552.444 1 .996 1H22m19-19V8c0-.552-.444-1-.996-1H26" }, null, -1); const _hoisted_3$46 = [ _hoisted_2$48 ]; function _sfc_render$48(_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 }, _hoisted_3$46, 14, _hoisted_1$48); } var _IconExpand = /* @__PURE__ */ _export_sfc(_sfc_main$48, [["render", _sfc_render$48]]); 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$47 = 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-left-circle`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$47 = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$47 = /* @__PURE__ */ vue.createElementVNode("circle", { cx: "24", cy: "24", r: "18" }, null, -1); const _hoisted_3$45 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M28.485 32.485 20 24l8.485-8.485" }, null, -1); const _hoisted_4$17 = [ _hoisted_2$47, _hoisted_3$45 ]; function _sfc_render$47(_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 }, _hoisted_4$17, 14, _hoisted_1$47); } var _IconLeftCircle = /* @__PURE__ */ _export_sfc(_sfc_main$47, [["render", _sfc_render$47]]); const IconLeftCircle = Object.assign(_IconLeftCircle, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconLeftCircle.name, _IconLeftCircle); } }); const _sfc_main$46 = vue.defineComponent({ name: "IconLeft", 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); } }, spin: Boolean }, setup(props) { const prefixCls = getPrefixCls("icon"); const cls = vue.computed(() => [prefixCls, `${prefixCls}-left`, { [`${prefixCls}-spin`]: props.spin }]); const innerStyle = vue.computed(() => { if (props.size) { return { fontSize: isNumber(props.size) ? `${props.size}px` : props.size }; } return void 0; }); return { cls, innerStyle }; } }); const _hoisted_1$46 = ["stroke-width", "stroke-linecap", "stroke-linejoin"]; const _hoisted_2$46 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M32 8.4 16.444 23.956 32 39.513" }, null, -1); const _hoisted_3$44 = [ _hoisted_2$46 ]; function _sfc_render$46(_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 }, _hoisted_3$44, 14, _hoisted_1$46); } var _IconLeft = /* @__PURE__ */ _export_sfc(_sfc_main$46, [["render", _sfc_render$46]]); const IconLeft = Object.assign(_IconLeft, { install: (app, options) => { var _a; const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : ""; app.component(iconPrefix + _IconLeft.name, _IconLeft); } }); const _sfc_main$45 = vue.defineComponent({ name: "IconMenuFold", props: { size: { type: [Number, String] }, strokeWidth: { type: Number, default: 4 }, strokeLinecap: { type: String, default: "butt", validator: (value) => { return ["butt", "round", "square"].includes(value);