@vunk/plus 0.1.0 → 1.1.0

package/components/tables-v1-checkbox/index.mjs

@@ -0,0 +1,4092 @@
+import { computed, ref, watch, inject, isVNode, Comment, Fragment, shallowRef, watchEffect, provide, onBeforeUnmount, onBeforeMount, toRef, defineComponent, h, createVNode, resolveComponent, openBlock, createBlock, withCtx, mergeProps, toHandlers } from 'vue';
+import { _VkTabelsV1Ctx, VkTablesV1 } from '@vunk/plus/components/tables-v1';
+import { VkCheckRecordLogicProvider, VkCheckRecordLogic } from '@vunk/core';
+import { ElCheckbox } from 'element-plus';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+function plugin$1(options) {
+    let _bPrefix = '.';
+    let _ePrefix = '__';
+    let _mPrefix = '--';
+    let c;
+    if (options) {
+        let t = options.blockPrefix;
+        if (t) {
+            _bPrefix = t;
+        }
+        t = options.elementPrefix;
+        if (t) {
+            _ePrefix = t;
+        }
+        t = options.modifierPrefix;
+        if (t) {
+            _mPrefix = t;
+        }
+    }
+    const _plugin = {
+        install(instance) {
+            c = instance.c;
+            const ctx = instance.context;
+            ctx.bem = {};
+            ctx.bem.b = null;
+            ctx.bem.els = null;
+        }
+    };
+    function b(arg) {
+        let memorizedB;
+        let memorizedE;
+        return {
+            before(ctx) {
+                memorizedB = ctx.bem.b;
+                memorizedE = ctx.bem.els;
+                ctx.bem.els = null;
+            },
+            after(ctx) {
+                ctx.bem.b = memorizedB;
+                ctx.bem.els = memorizedE;
+            },
+            $({ context, props }) {
+                arg = typeof arg === 'string' ? arg : arg({ context, props });
+                context.bem.b = arg;
+                return `${(props === null || props === void 0 ? void 0 : props.bPrefix) || _bPrefix}${context.bem.b}`;
+            }
+        };
+    }
+    function e(arg) {
+        let memorizedE;
+        return {
+            before(ctx) {
+                memorizedE = ctx.bem.els;
+            },
+            after(ctx) {
+                ctx.bem.els = memorizedE;
+            },
+            $({ context, props }) {
+                arg = typeof arg === 'string' ? arg : arg({ context, props });
+                context.bem.els = arg.split(',').map(v => v.trim());
+                return context.bem.els
+                    .map(el => `${(props === null || props === void 0 ? void 0 : props.bPrefix) || _bPrefix}${context.bem.b}${_ePrefix}${el}`).join(', ');
+            }
+        };
+    }
+    function m(arg) {
+        return {
+            $({ context, props }) {
+                arg = typeof arg === 'string' ? arg : arg({ context, props });
+                const modifiers = arg.split(',').map(v => v.trim());
+                function elementToSelector(el) {
+                    return modifiers.map(modifier => `&${(props === null || props === void 0 ? void 0 : props.bPrefix) || _bPrefix}${context.bem.b}${el !== undefined ? `${_ePrefix}${el}` : ''}${_mPrefix}${modifier}`).join(', ');
+                }
+                const els = context.bem.els;
+                if (els !== null) {
+                    if (process.env.NODE_ENV !== 'production' && els.length >= 2) {
+                        throw Error(`[css-render/plugin-bem]: m(${arg}) is invalid, using modifier inside multiple elements is not allowed`);
+                    }
+                    return elementToSelector(els[0]);
+                }
+                else {
+                    return elementToSelector();
+                }
+            }
+        };
+    }
+    function notM(arg) {
+        return {
+            $({ context, props }) {
+                arg = typeof arg === 'string' ? arg : arg({ context, props });
+                const els = context.bem.els;
+                if (process.env.NODE_ENV !== 'production' && els !== null && els.length >= 2) {
+                    throw Error(`[css-render/plugin-bem]: notM(${arg}) is invalid, using modifier inside multiple elements is not allowed`);
+                }
+                return `&:not(${(props === null || props === void 0 ? void 0 : props.bPrefix) || _bPrefix}${context.bem.b}${(els !== null && els.length > 0) ? `${_ePrefix}${els[0]}` : ''}${_mPrefix}${arg})`;
+            }
+        };
+    }
+    const cB = ((...args) => c(b(args[0]), args[1], args[2]));
+    const cE = ((...args) => c(e(args[0]), args[1], args[2]));
+    const cM = ((...args) => c(m(args[0]), args[1], args[2]));
+    const cNotM = ((...args) => c(notM(args[0]), args[1], args[2]));
+    Object.assign(_plugin, {
+        cB, cE, cM, cNotM
+    });
+    return _plugin;
+}
+
+function ampCount(selector) {
+    let cnt = 0;
+    for (let i = 0; i < selector.length; ++i) {
+        if (selector[i] === '&')
+            ++cnt;
+    }
+    return cnt;
+}
+/**
+ * Don't just use ',' to separate css selector. For example:
+ * x:(a, b) {} will be split into 'x:(a' and 'b)', which is not expected.
+ * Make sure comma doesn't exist inside parentheses.
+ */
+const separatorRegex = /\s*,(?![^(]*\))\s*/g;
+const extraSpaceRegex = /\s+/g;
+/**
+ * selector must includes '&'
+ * selector is trimmed
+ * every part of amp is trimmed
+ */
+function resolveSelectorWithAmp(amp, selector) {
+    const nextAmp = [];
+    selector.split(separatorRegex).forEach(partialSelector => {
+        let round = ampCount(partialSelector);
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        if (!round) {
+            amp.forEach(partialAmp => {
+                nextAmp.push(
+                // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+                (partialAmp && partialAmp + ' ') + partialSelector);
+            });
+            return;
+        }
+        else if (round === 1) {
+            amp.forEach(partialAmp => {
+                nextAmp.push(partialSelector.replace('&', partialAmp));
+            });
+            return;
+        }
+        let partialNextAmp = [
+            partialSelector
+        ];
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        while (round--) {
+            const nextPartialNextAmp = [];
+            partialNextAmp.forEach(selectorItr => {
+                amp.forEach(partialAmp => {
+                    nextPartialNextAmp.push(selectorItr.replace('&', partialAmp));
+                });
+            });
+            partialNextAmp = nextPartialNextAmp;
+        }
+        partialNextAmp.forEach(part => nextAmp.push(part));
+    });
+    return nextAmp;
+}
+/**
+ * selector mustn't includes '&'
+ * selector is trimmed
+ */
+function resolveSelector(amp, selector) {
+    const nextAmp = [];
+    selector.split(separatorRegex).forEach(partialSelector => {
+        amp.forEach(partialAmp => {
+            // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+            nextAmp.push(((partialAmp && partialAmp + ' ') + partialSelector));
+        });
+    });
+    return nextAmp;
+}
+function parseSelectorPath(selectorPaths) {
+    let amp = [''];
+    selectorPaths.forEach(selector => {
+        // eslint-disable-next-line
+        selector = selector && selector.trim();
+        if (
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        !selector) {
+            /**
+             * if it's a empty selector, do nothing
+             */
+            return;
+        }
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        if (selector.includes('&')) {
+            amp = resolveSelectorWithAmp(amp, selector);
+        }
+        else {
+            amp = resolveSelector(amp, selector);
+        }
+    });
+    return amp.join(', ').replace(extraSpaceRegex, ' ');
+}
+
+function removeElement(el) {
+    /* istanbul ignore if */
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    if (!el)
+        return;
+    const parentElement = el.parentElement;
+    /* istanbul ignore else */
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    if (parentElement)
+        parentElement.removeChild(el);
+}
+function queryElement(id, parent) {
+    return (parent !== null && parent !== void 0 ? parent : document.head).querySelector(`style[cssr-id="${id}"]`);
+}
+function createElement(id) {
+    const el = document.createElement('style');
+    el.setAttribute('cssr-id', id);
+    return el;
+}
+function isMediaOrSupports(selector) {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    if (!selector)
+        return false;
+    return /^\s*@(s|m)/.test(selector);
+}
+
+const kebabRegex = /[A-Z]/g;
+function kebabCase(pattern) {
+    return pattern.replace(kebabRegex, match => '-' + match.toLowerCase());
+}
+/** TODO: refine it to solve nested object */
+function unwrapProperty(prop, indent = '  ') {
+    if (typeof prop === 'object' && prop !== null) {
+        return (' {\n' +
+            Object.entries(prop).map(v => {
+                return indent + `  ${kebabCase(v[0])}: ${v[1]};`;
+            }).join('\n') +
+            '\n' + indent + '}');
+    }
+    return `: ${prop};`;
+}
+/** unwrap properties */
+function unwrapProperties(props, instance, params) {
+    if (typeof props === 'function') {
+        return props({
+            context: instance.context,
+            props: params
+        });
+    }
+    return props;
+}
+function createStyle(selector, props, instance, params) {
+    if (!props)
+        return '';
+    // eslint-disable-next-line
+    const unwrappedProps = unwrapProperties(props, instance, params);
+    if (!unwrappedProps)
+        return '';
+    if (typeof unwrappedProps === 'string') {
+        return `${selector} {\n${unwrappedProps}\n}`;
+    }
+    const propertyNames = Object.keys(unwrappedProps);
+    if (propertyNames.length === 0) {
+        if (instance.config.keepEmptyBlock)
+            return selector + ' {\n}';
+        return '';
+    }
+    const statements = selector
+        ? [
+            selector + ' {'
+        ]
+        : [];
+    propertyNames.forEach(propertyName => {
+        const property = unwrappedProps[propertyName];
+        if (propertyName === 'raw') {
+            statements.push('\n' + property + '\n');
+            return;
+        }
+        propertyName = kebabCase(propertyName);
+        if (property !== null && property !== undefined) {
+            statements.push(`  ${propertyName}${unwrapProperty(property)}`);
+        }
+    });
+    if (selector) {
+        statements.push('}');
+    }
+    return statements.join('\n');
+}
+function loopCNodeListWithCallback(children, options, callback) {
+    /* istanbul ignore if */
+    if (!children)
+        return;
+    children.forEach(child => {
+        if (Array.isArray(child)) {
+            loopCNodeListWithCallback(child, options, callback);
+        }
+        else if (typeof child === 'function') {
+            const grandChildren = child(options);
+            if (Array.isArray(grandChildren)) {
+                loopCNodeListWithCallback(grandChildren, options, callback);
+            }
+            else if (grandChildren) {
+                callback(grandChildren);
+            }
+        }
+        else if (child) {
+            callback(child);
+        }
+    });
+}
+function traverseCNode(node, selectorPaths, styles, instance, params) {
+    const $ = node.$;
+    let blockSelector = '';
+    if (!$ || typeof $ === 'string') {
+        if (isMediaOrSupports($)) {
+            blockSelector = $;
+        }
+        else {
+            // as a string selector
+            selectorPaths.push($);
+        }
+    }
+    else if (typeof $ === 'function') {
+        const selector = $({
+            context: instance.context,
+            props: params
+        });
+        if (isMediaOrSupports(selector)) {
+            blockSelector = selector;
+        }
+        else {
+            // as a lazy selector
+            selectorPaths.push(selector);
+        }
+    }
+    else { // as a option selector
+        if ($.before)
+            $.before(instance.context);
+        if (!$.$ || typeof $.$ === 'string') {
+            if (isMediaOrSupports($.$)) {
+                blockSelector = $.$;
+            }
+            else {
+                // as a string selector
+                selectorPaths.push($.$);
+            }
+        }
+        else /* istanbul ignore else */ if ($.$) {
+            const selector = $.$({
+                context: instance.context,
+                props: params
+            });
+            if (isMediaOrSupports(selector)) {
+                blockSelector = selector;
+            }
+            else {
+                // as a lazy selector
+                selectorPaths.push(selector);
+            }
+        }
+    }
+    const selector = parseSelectorPath(selectorPaths);
+    const style = createStyle(selector, node.props, instance, params);
+    if (blockSelector) {
+        styles.push(`${blockSelector} {`);
+    }
+    else if (style.length) {
+        styles.push(style);
+    }
+    if (node.children) {
+        loopCNodeListWithCallback(node.children, {
+            context: instance.context,
+            props: params
+        }, childNode => {
+            if (typeof childNode === 'string') {
+                const style = createStyle(selector, { raw: childNode }, instance, params);
+                styles.push(style);
+            }
+            else {
+                traverseCNode(childNode, selectorPaths, styles, instance, params);
+            }
+        });
+    }
+    selectorPaths.pop();
+    if (blockSelector) {
+        styles.push('}');
+    }
+    if ($ && $.after)
+        $.after(instance.context);
+}
+function render(node, instance, props) {
+    const styles = [];
+    traverseCNode(node, [], styles, instance, props);
+    return styles.join('\n\n');
+}
+
+/* eslint-disable */
+// Inspired by https://github.com/garycourt/murmurhash-js
+// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
+function murmur2(str) {
+  // 'm' and 'r' are mixing constants generated offline.
+  // They're not really 'magic', they just happen to work well.
+  // const m = 0x5bd1e995;
+  // const r = 24;
+  // Initialize the hash
+  var h = 0; // Mix 4 bytes at a time into the hash
+
+  var k,
+      i = 0,
+      len = str.length;
+
+  for (; len >= 4; ++i, len -= 4) {
+    k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
+    k =
+    /* Math.imul(k, m): */
+    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);
+    k ^=
+    /* k >>> r: */
+    k >>> 24;
+    h =
+    /* Math.imul(k, m): */
+    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^
+    /* Math.imul(h, m): */
+    (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
+  } // Handle the last few bytes of the input array
+
+
+  switch (len) {
+    case 3:
+      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
+
+    case 2:
+      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
+
+    case 1:
+      h ^= str.charCodeAt(i) & 0xff;
+      h =
+      /* Math.imul(h, m): */
+      (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
+  } // Do a few final mixes of the hash to ensure the last few
+  // bytes are well-incorporated.
+
+
+  h ^= h >>> 13;
+  h =
+  /* Math.imul(h, m): */
+  (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
+  return ((h ^ h >>> 15) >>> 0).toString(36);
+}
+
+/* eslint-disable @typescript-eslint/prefer-ts-expect-error */
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+if (typeof window !== 'undefined') {
+    window.__cssrContext = {};
+}
+function unmount(instance, node, id, parent) {
+    const { els } = node;
+    // If id is undefined, unmount all styles
+    if (id === undefined) {
+        els.forEach(removeElement);
+        node.els = [];
+    }
+    else {
+        const target = queryElement(id, parent);
+        // eslint-disable-next-line
+        if (target && els.includes(target)) {
+            removeElement(target);
+            node.els = els.filter((el) => el !== target);
+        }
+    }
+}
+function addElementToList(els, target) {
+    els.push(target);
+}
+function mount(instance, node, id, props, head, force, anchorMetaName, parent, ssrAdapter
+// eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+) {
+    let style;
+    if (id === undefined) {
+        style = node.render(props);
+        id = murmur2(style);
+    }
+    if (ssrAdapter) {
+        ssrAdapter.adapter(id, style !== null && style !== void 0 ? style : node.render(props));
+        return;
+    }
+    if (parent === undefined) {
+        parent = document.head;
+    }
+    const queriedTarget = queryElement(id, parent);
+    if (queriedTarget !== null && !force) {
+        return queriedTarget;
+    }
+    const target = queriedTarget !== null && queriedTarget !== void 0 ? queriedTarget : createElement(id);
+    if (style === undefined)
+        style = node.render(props);
+    target.textContent = style;
+    if (queriedTarget !== null)
+        return queriedTarget;
+    if (anchorMetaName) {
+        const anchorMetaEl = parent.querySelector(`meta[name="${anchorMetaName}"]`);
+        if (anchorMetaEl) {
+            parent.insertBefore(target, anchorMetaEl);
+            addElementToList(node.els, target);
+            return target;
+        }
+    }
+    if (head) {
+        parent.insertBefore(target, parent.querySelector('style, link'));
+    }
+    else {
+        parent.appendChild(target);
+    }
+    addElementToList(node.els, target);
+    return target;
+}
+
+function wrappedRender(props) {
+    return render(this, this.instance, props);
+}
+// do not guard node calling, it should throw an error.
+function wrappedMount(options = {}
+// eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+) {
+    const { id, ssr, props, head = false, force = false, anchorMetaName, parent } = options;
+    const targetElement = mount(this.instance, this, id, props, head, force, anchorMetaName, parent, ssr);
+    return targetElement;
+}
+function wrappedUnmount(options = {}) {
+    /* istanbul ignore next */
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    const { id, parent } = options;
+    unmount(this.instance, this, id, parent);
+}
+const createCNode = function (instance, $, props, children) {
+    return {
+        instance,
+        $,
+        props,
+        children,
+        els: [],
+        render: wrappedRender,
+        mount: wrappedMount,
+        unmount: wrappedUnmount
+    };
+};
+const c$1 = function (instance, $, props, children) {
+    if (Array.isArray($)) {
+        return createCNode(instance, { $: null }, null, $);
+    }
+    else if (Array.isArray(props)) {
+        return createCNode(instance, $, null, props);
+    }
+    else if (Array.isArray(children)) {
+        return createCNode(instance, $, props, children);
+    }
+    else {
+        return createCNode(instance, $, props, null);
+    }
+};
+
+function CssRender(config = {}) {
+    const cssr = {
+        c: ((...args) => c$1(cssr, ...args)),
+        use: (plugin, ...args) => plugin.install(cssr, ...args),
+        find: queryElement,
+        context: {},
+        config
+    };
+    return cssr;
+}
+
+function exists(id, ssr) {
+    if (id === undefined)
+        return false;
+    if (ssr) {
+        const { context: { ids } } = ssr;
+        return ids.has(id);
+    }
+    return queryElement(id) !== null;
+}
+
+const namespace = 'n';
+const prefix$1 = `.${namespace}-`;
+const elementPrefix = '__';
+const modifierPrefix = '--';
+const cssr = CssRender();
+const plugin = plugin$1({
+  blockPrefix: prefix$1,
+  elementPrefix,
+  modifierPrefix
+});
+cssr.use(plugin);
+const {
+  c,
+  find
+} = cssr;
+const {
+  cB,
+  cE,
+  cM,
+  cNotM
+} = plugin;
+function createKey(prefix, suffix) {
+  return prefix + (suffix === 'default' ? '' : suffix.replace(/^[a-z]/, startChar => startChar.toUpperCase()));
+}
+
+var colors = {
+    black: '#000',
+    silver: '#C0C0C0',
+    gray: '#808080',
+    white: '#FFF',
+    maroon: '#800000',
+    red: '#F00',
+    purple: '#800080',
+    fuchsia: '#F0F',
+    green: '#008000',
+    lime: '#0F0',
+    olive: '#808000',
+    yellow: '#FF0',
+    navy: '#000080',
+    blue: '#00F',
+    teal: '#008080',
+    aqua: '#0FF',
+    transparent: '#0000'
+};
+
+const prefix = '^\\s*';
+const suffix = '\\s*$';
+const float = '\\s*((\\.\\d+)|(\\d+(\\.\\d*)?))\\s*'; // 4 offset
+const hex = '([0-9A-Fa-f])';
+const dhex = '([0-9A-Fa-f]{2})';
+const rgbRegex = new RegExp(`${prefix}rgb\\s*\\(${float},${float},${float}\\)${suffix}`);
+const rgbaRegex = new RegExp(`${prefix}rgba\\s*\\(${float},${float},${float},${float}\\)${suffix}`);
+const sHexRegex = new RegExp(`${prefix}#${hex}${hex}${hex}${suffix}`);
+const hexRegex = new RegExp(`${prefix}#${dhex}${dhex}${dhex}${suffix}`);
+const sHexaRegex = new RegExp(`${prefix}#${hex}${hex}${hex}${hex}${suffix}`);
+const hexaRegex = new RegExp(`${prefix}#${dhex}${dhex}${dhex}${dhex}${suffix}`);
+function parseHex(value) {
+    return parseInt(value, 16);
+}
+/**
+ * Convert color string to rgba array.
+ * @param color format like #000[0], #000000[00], rgb(0, 0, 0), rgba(0, 0, 0, 0) and basic color keywords https://www.w3.org/TR/css-color-3/#html4 and transparent
+ * @returns
+ */
+function rgba(color) {
+    try {
+        let i;
+        if ((i = hexRegex.exec(color))) {
+            return [parseHex(i[1]), parseHex(i[2]), parseHex(i[3]), 1];
+        }
+        else if ((i = rgbRegex.exec(color))) {
+            return [roundChannel(i[1]), roundChannel(i[5]), roundChannel(i[9]), 1];
+        }
+        else if ((i = rgbaRegex.exec(color))) {
+            return [
+                roundChannel(i[1]),
+                roundChannel(i[5]),
+                roundChannel(i[9]),
+                roundAlpha(i[13])
+            ];
+        }
+        else if ((i = sHexRegex.exec(color))) {
+            return [
+                parseHex(i[1] + i[1]),
+                parseHex(i[2] + i[2]),
+                parseHex(i[3] + i[3]),
+                1
+            ];
+        }
+        else if ((i = hexaRegex.exec(color))) {
+            return [
+                parseHex(i[1]),
+                parseHex(i[2]),
+                parseHex(i[3]),
+                roundAlpha(parseHex(i[4]) / 255)
+            ];
+        }
+        else if ((i = sHexaRegex.exec(color))) {
+            return [
+                parseHex(i[1] + i[1]),
+                parseHex(i[2] + i[2]),
+                parseHex(i[3] + i[3]),
+                roundAlpha(parseHex(i[4] + i[4]) / 255)
+            ];
+        }
+        else if (color in colors) {
+            return rgba(colors[color]);
+        }
+        throw new Error(`[seemly/rgba]: Invalid color value ${color}.`);
+    }
+    catch (e) {
+        throw e;
+    }
+}
+function normalizeAlpha(alphaValue) {
+    return alphaValue > 1 ? 1 : alphaValue < 0 ? 0 : alphaValue;
+}
+function stringifyRgba(r, g, b, a) {
+    return `rgba(${roundChannel(r)}, ${roundChannel(g)}, ${roundChannel(b)}, ${normalizeAlpha(a)})`;
+}
+function compositeChannel(v1, a1, v2, a2, a) {
+    return roundChannel((v1 * a1 * (1 - a2) + v2 * a2) / a);
+}
+function composite(background, overlay) {
+    if (!Array.isArray(background))
+        background = rgba(background);
+    if (!Array.isArray(overlay))
+        overlay = rgba(overlay);
+    const a1 = background[3];
+    const a2 = overlay[3];
+    const alpha = roundAlpha(a1 + a2 - a1 * a2);
+    return stringifyRgba(compositeChannel(background[0], a1, overlay[0], a2, alpha), compositeChannel(background[1], a1, overlay[1], a2, alpha), compositeChannel(background[2], a1, overlay[2], a2, alpha), alpha);
+}
+function changeColor(base, options) {
+    const [r, g, b, a = 1] = Array.isArray(base) ? base : rgba(base);
+    if (options.alpha) {
+        return stringifyRgba(r, g, b, options.alpha);
+    }
+    return stringifyRgba(r, g, b, a);
+}
+function scaleColor(base, options) {
+    const [r, g, b, a = 1] = Array.isArray(base) ? base : rgba(base);
+    const { lightness = 1, alpha = 1 } = options;
+    return toRgbaString([r * lightness, g * lightness, b * lightness, a * alpha]);
+}
+function roundAlpha(value) {
+    const v = Math.round(Number(value) * 100) / 100;
+    if (v > 1)
+        return 1;
+    if (v < 0)
+        return 0;
+    return v;
+}
+function roundChannel(value) {
+    const v = Math.round(Number(value));
+    if (v > 255)
+        return 255;
+    if (v < 0)
+        return 0;
+    return v;
+}
+function toRgbaString(base) {
+    const [r, g, b] = base;
+    if (3 in base) {
+        return `rgba(${roundChannel(r)}, ${roundChannel(g)}, ${roundChannel(b)}, ${roundAlpha(base[3])})`;
+    }
+    return `rgba(${roundChannel(r)}, ${roundChannel(g)}, ${roundChannel(b)}, 1)`;
+}
+
+function useMemo(getterOrOptions) {
+    const computedValueRef = computed(getterOrOptions);
+    // Maybe it's not possible to lazy evaluate the value, since we can't make
+    // render phase capture the deps behind useMemo
+    const valueRef = ref(computedValueRef.value);
+    watch(computedValueRef, (value) => {
+        valueRef.value = value;
+    });
+    if (typeof getterOrOptions === 'function') {
+        return valueRef;
+    }
+    else {
+        return {
+            __v_isRef: true,
+            get value() {
+                return valueRef.value;
+            },
+            set value(v) {
+                getterOrOptions.set(v);
+            }
+        };
+    }
+}
+
+function useMergedState(controlledStateRef, uncontrolledStateRef) {
+    watch(controlledStateRef, value => {
+        if (value !== undefined) {
+            uncontrolledStateRef.value = value;
+        }
+    });
+    return computed(() => {
+        if (controlledStateRef.value === undefined) {
+            return uncontrolledStateRef.value;
+        }
+        return controlledStateRef.value;
+    });
+}
+
+function createInjectionKey(key) {
+  return key;
+}
+
+const ssrContextKey = '@css-render/vue3-ssr';
+function createStyleString(id, style) {
+    return `<style cssr-id="${id}">\n${style}\n</style>`;
+}
+function ssrAdapter(id, style, ssrContext) {
+    const { styles, ids } = ssrContext;
+    // we need to impl other options to make it behaves the same as the client side
+    if (ids.has(id))
+        return;
+    if (styles !== null) {
+        ids.add(id);
+        styles.push(createStyleString(id, style));
+    }
+}
+const isBrowser = typeof document !== 'undefined';
+function useSsrAdapter() {
+    if (isBrowser)
+        return undefined;
+    const context = inject(ssrContextKey, null);
+    if (context === null)
+        return undefined;
+    return {
+        adapter: (id, style) => ssrAdapter(id, style, context),
+        context
+    };
+}
+
+const warnedMessages = new Set();
+function warnOnce(location, message) {
+  const mergedMessage = `[naive/${location}]: ${message}`;
+  if (warnedMessages.has(mergedMessage)) return;
+  warnedMessages.add(mergedMessage);
+  console.error(mergedMessage);
+}
+function throwError(location, message) {
+  throw new Error(`[naive/${location}]: ${message}`);
+}
+
+function call(funcs, ...args) {
+  if (Array.isArray(funcs)) {
+    funcs.forEach(func => call(func, ...args));
+  } else {
+    return funcs(...args);
+  }
+}
+
+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;
+}
+/**
+ * Resolve slot with wrapper if content exists, no fallback
+ */
+function resolveWrappedSlot(slot, wrapper) {
+  const children = slot && ensureValidVNode(slot());
+  return wrapper(children || null);
+}
+
+const configProviderInjectionKey = createInjectionKey('n-config-provider');
+
+const defaultClsPrefix = 'n';
+function useConfig(props = {}, options = {
+  defaultBordered: true
+}) {
+  const NConfigProvider = inject(configProviderInjectionKey, null);
+  return {
+    // NConfigProvider,
+    inlineThemeDisabled: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.inlineThemeDisabled,
+    mergedRtlRef: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedRtlRef,
+    mergedComponentPropsRef: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedComponentPropsRef,
+    mergedBreakpointsRef: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBreakpointsRef,
+    mergedBorderedRef: computed(() => {
+      var _a, _b;
+      const {
+        bordered
+      } = props;
+      if (bordered !== undefined) return bordered;
+      return (_b = (_a = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBorderedRef.value) !== null && _a !== void 0 ? _a : options.defaultBordered) !== null && _b !== void 0 ? _b : true;
+    }),
+    mergedClsPrefixRef: NConfigProvider ? NConfigProvider.mergedClsPrefixRef : shallowRef(defaultClsPrefix),
+    namespaceRef: computed(() => NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedNamespaceRef.value)
+  };
+}
+
+function useThemeClass(componentName, hashRef, cssVarsRef, props) {
+  if (!cssVarsRef) throwError('useThemeClass', 'cssVarsRef is not passed');
+  const NConfigProvider = inject(configProviderInjectionKey, null);
+  const mergedThemeHashRef = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeHashRef;
+  const styleMountTarget = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget;
+  const themeClassRef = ref('');
+  const ssrAdapter = useSsrAdapter();
+  let renderCallback;
+  const hashClassPrefix = `__${componentName}`;
+  const mountStyle = () => {
+    let finalThemeHash = hashClassPrefix;
+    const hashValue = hashRef ? hashRef.value : undefined;
+    const themeHash = mergedThemeHashRef === null || mergedThemeHashRef === void 0 ? void 0 : mergedThemeHashRef.value;
+    if (themeHash) finalThemeHash += `-${themeHash}`;
+    if (hashValue) finalThemeHash += `-${hashValue}`;
+    const {
+      themeOverrides,
+      builtinThemeOverrides
+    } = props;
+    if (themeOverrides) {
+      finalThemeHash += `-${murmur2(JSON.stringify(themeOverrides))}`;
+    }
+    if (builtinThemeOverrides) {
+      finalThemeHash += `-${murmur2(JSON.stringify(builtinThemeOverrides))}`;
+    }
+    themeClassRef.value = finalThemeHash;
+    renderCallback = () => {
+      const cssVars = cssVarsRef.value;
+      let style = '';
+      for (const key in cssVars) {
+        style += `${key}: ${cssVars[key]};`;
+      }
+      c(`.${finalThemeHash}`, style).mount({
+        id: finalThemeHash,
+        ssr: ssrAdapter,
+        parent: styleMountTarget
+      });
+      renderCallback = undefined;
+    };
+  };
+  watchEffect(() => {
+    mountStyle();
+  });
+  return {
+    themeClass: themeClassRef,
+    onRender: () => {
+      renderCallback === null || renderCallback === void 0 ? void 0 : renderCallback();
+    }
+  };
+}
+
+const formItemInjectionKey = createInjectionKey('n-form-item');
+function useFormItem(props, {
+  defaultSize = 'medium',
+  mergedSize,
+  mergedDisabled
+} = {}) {
+  const NFormItem = inject(formItemInjectionKey, null);
+  provide(formItemInjectionKey, null);
+  const mergedSizeRef = computed(mergedSize ? () => mergedSize(NFormItem) : () => {
+    const {
+      size
+    } = props;
+    if (size) return size;
+    if (NFormItem) {
+      const {
+        mergedSize
+      } = NFormItem;
+      if (mergedSize.value !== undefined) {
+        return mergedSize.value;
+      }
+    }
+    return defaultSize;
+  });
+  const mergedDisabledRef = computed(mergedDisabled ? () => mergedDisabled(NFormItem) : () => {
+    const {
+      disabled
+    } = props;
+    if (disabled !== undefined) {
+      return disabled;
+    }
+    if (NFormItem) {
+      return NFormItem.disabled.value;
+    }
+    return false;
+  });
+  const mergedStatusRef = computed(() => {
+    const {
+      status
+    } = props;
+    if (status) return status;
+    return NFormItem === null || NFormItem === void 0 ? void 0 : NFormItem.mergedValidationStatus.value;
+  });
+  onBeforeUnmount(() => {
+    if (NFormItem) {
+      NFormItem.restoreValidation();
+    }
+  });
+  return {
+    mergedSizeRef,
+    mergedDisabledRef,
+    mergedStatusRef,
+    nTriggerFormBlur() {
+      if (NFormItem) {
+        NFormItem.handleContentBlur();
+      }
+    },
+    nTriggerFormChange() {
+      if (NFormItem) {
+        NFormItem.handleContentChange();
+      }
+    },
+    nTriggerFormFocus() {
+      if (NFormItem) {
+        NFormItem.handleContentFocus();
+      }
+    },
+    nTriggerFormInput() {
+      if (NFormItem) {
+        NFormItem.handleContentInput();
+      }
+    }
+  };
+}
+
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root = freeGlobal || freeSelf || Function('return this')();
+
+/** Built-in value references. */
+var Symbol = root.Symbol;
+
+/** Used for built-in method references. */
+var objectProto$9 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString$1 = objectProto$9.toString;
+
+/** Built-in value references. */
+var symToStringTag$1 = Symbol ? Symbol.toStringTag : undefined;
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag(value) {
+  var isOwn = hasOwnProperty$7.call(value, symToStringTag$1),
+      tag = value[symToStringTag$1];
+
+  try {
+    value[symToStringTag$1] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+
+/** Used for built-in method references. */
+var objectProto$8 = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto$8.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString(value) {
+  return nativeObjectToString.call(value);
+}
+
+/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+    undefinedTag = '[object Undefined]';
+
+/** Built-in value references. */
+var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return (symToStringTag && symToStringTag in Object(value))
+    ? getRawTag(value)
+    : objectToString(value);
+}
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return value != null && typeof value == 'object';
+}
+
+/**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+var isArray = Array.isArray;
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == 'object' || type == 'function');
+}
+
+/**
+ * This method returns the first argument it receives.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {*} value Any value.
+ * @returns {*} Returns `value`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ *
+ * console.log(_.identity(object) === object);
+ * // => true
+ */
+function identity(value) {
+  return value;
+}
+
+/** `Object#toString` result references. */
+var asyncTag = '[object AsyncFunction]',
+    funcTag$1 = '[object Function]',
+    genTag = '[object GeneratorFunction]',
+    proxyTag = '[object Proxy]';
+
+/**
+ * Checks if `value` is classified as a `Function` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a function, else `false`.
+ * @example
+ *
+ * _.isFunction(_);
+ * // => true
+ *
+ * _.isFunction(/abc/);
+ * // => false
+ */
+function isFunction(value) {
+  if (!isObject(value)) {
+    return false;
+  }
+  // The use of `Object#toString` avoids issues with the `typeof` operator
+  // in Safari 9 which returns 'object' for typed arrays and other constructors.
+  var tag = baseGetTag(value);
+  return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
+}
+
+/** Used to detect overreaching core-js shims. */
+var coreJsData = root['__core-js_shared__'];
+
+/** Used to detect methods masquerading as native. */
+var maskSrcKey = (function() {
+  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');
+  return uid ? ('Symbol(src)_1.' + uid) : '';
+}());
+
+/**
+ * Checks if `func` has its source masked.
+ *
+ * @private
+ * @param {Function} func The function to check.
+ * @returns {boolean} Returns `true` if `func` is masked, else `false`.
+ */
+function isMasked(func) {
+  return !!maskSrcKey && (maskSrcKey in func);
+}
+
+/** Used for built-in method references. */
+var funcProto$2 = Function.prototype;
+
+/** Used to resolve the decompiled source of functions. */
+var funcToString$2 = funcProto$2.toString;
+
+/**
+ * Converts `func` to its source code.
+ *
+ * @private
+ * @param {Function} func The function to convert.
+ * @returns {string} Returns the source code.
+ */
+function toSource(func) {
+  if (func != null) {
+    try {
+      return funcToString$2.call(func);
+    } catch (e) {}
+    try {
+      return (func + '');
+    } catch (e) {}
+  }
+  return '';
+}
+
+/**
+ * Used to match `RegExp`
+ * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+ */
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+
+/** Used to detect host constructors (Safari). */
+var reIsHostCtor = /^\[object .+?Constructor\]$/;
+
+/** Used for built-in method references. */
+var funcProto$1 = Function.prototype,
+    objectProto$7 = Object.prototype;
+
+/** Used to resolve the decompiled source of functions. */
+var funcToString$1 = funcProto$1.toString;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+
+/** Used to detect if a method is native. */
+var reIsNative = RegExp('^' +
+  funcToString$1.call(hasOwnProperty$6).replace(reRegExpChar, '\\$&')
+  .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
+);
+
+/**
+ * The base implementation of `_.isNative` without bad shim checks.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a native function,
+ *  else `false`.
+ */
+function baseIsNative(value) {
+  if (!isObject(value) || isMasked(value)) {
+    return false;
+  }
+  var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
+  return pattern.test(toSource(value));
+}
+
+/**
+ * Gets the value at `key` of `object`.
+ *
+ * @private
+ * @param {Object} [object] The object to query.
+ * @param {string} key The key of the property to get.
+ * @returns {*} Returns the property value.
+ */
+function getValue(object, key) {
+  return object == null ? undefined : object[key];
+}
+
+/**
+ * Gets the native function at `key` of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the method to get.
+ * @returns {*} Returns the function if it's native, else `undefined`.
+ */
+function getNative(object, key) {
+  var value = getValue(object, key);
+  return baseIsNative(value) ? value : undefined;
+}
+
+/** Built-in value references. */
+var objectCreate = Object.create;
+
+/**
+ * The base implementation of `_.create` without support for assigning
+ * properties to the created object.
+ *
+ * @private
+ * @param {Object} proto The object to inherit from.
+ * @returns {Object} Returns the new object.
+ */
+var baseCreate = (function() {
+  function object() {}
+  return function(proto) {
+    if (!isObject(proto)) {
+      return {};
+    }
+    if (objectCreate) {
+      return objectCreate(proto);
+    }
+    object.prototype = proto;
+    var result = new object;
+    object.prototype = undefined;
+    return result;
+  };
+}());
+
+/**
+ * A faster alternative to `Function#apply`, this function invokes `func`
+ * with the `this` binding of `thisArg` and the arguments of `args`.
+ *
+ * @private
+ * @param {Function} func The function to invoke.
+ * @param {*} thisArg The `this` binding of `func`.
+ * @param {Array} args The arguments to invoke `func` with.
+ * @returns {*} Returns the result of `func`.
+ */
+function apply(func, thisArg, args) {
+  switch (args.length) {
+    case 0: return func.call(thisArg);
+    case 1: return func.call(thisArg, args[0]);
+    case 2: return func.call(thisArg, args[0], args[1]);
+    case 3: return func.call(thisArg, args[0], args[1], args[2]);
+  }
+  return func.apply(thisArg, args);
+}
+
+/**
+ * Copies the values of `source` to `array`.
+ *
+ * @private
+ * @param {Array} source The array to copy values from.
+ * @param {Array} [array=[]] The array to copy values to.
+ * @returns {Array} Returns `array`.
+ */
+function copyArray(source, array) {
+  var index = -1,
+      length = source.length;
+
+  array || (array = Array(length));
+  while (++index < length) {
+    array[index] = source[index];
+  }
+  return array;
+}
+
+/** Used to detect hot functions by number of calls within a span of milliseconds. */
+var HOT_COUNT = 800,
+    HOT_SPAN = 16;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeNow = Date.now;
+
+/**
+ * Creates a function that'll short out and invoke `identity` instead
+ * of `func` when it's called `HOT_COUNT` or more times in `HOT_SPAN`
+ * milliseconds.
+ *
+ * @private
+ * @param {Function} func The function to restrict.
+ * @returns {Function} Returns the new shortable function.
+ */
+function shortOut(func) {
+  var count = 0,
+      lastCalled = 0;
+
+  return function() {
+    var stamp = nativeNow(),
+        remaining = HOT_SPAN - (stamp - lastCalled);
+
+    lastCalled = stamp;
+    if (remaining > 0) {
+      if (++count >= HOT_COUNT) {
+        return arguments[0];
+      }
+    } else {
+      count = 0;
+    }
+    return func.apply(undefined, arguments);
+  };
+}
+
+/**
+ * Creates a function that returns `value`.
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Util
+ * @param {*} value The value to return from the new function.
+ * @returns {Function} Returns the new constant function.
+ * @example
+ *
+ * var objects = _.times(2, _.constant({ 'a': 1 }));
+ *
+ * console.log(objects);
+ * // => [{ 'a': 1 }, { 'a': 1 }]
+ *
+ * console.log(objects[0] === objects[1]);
+ * // => true
+ */
+function constant(value) {
+  return function() {
+    return value;
+  };
+}
+
+var defineProperty = (function() {
+  try {
+    var func = getNative(Object, 'defineProperty');
+    func({}, '', {});
+    return func;
+  } catch (e) {}
+}());
+
+/**
+ * The base implementation of `setToString` without support for hot loop shorting.
+ *
+ * @private
+ * @param {Function} func The function to modify.
+ * @param {Function} string The `toString` result.
+ * @returns {Function} Returns `func`.
+ */
+var baseSetToString = !defineProperty ? identity : function(func, string) {
+  return defineProperty(func, 'toString', {
+    'configurable': true,
+    'enumerable': false,
+    'value': constant(string),
+    'writable': true
+  });
+};
+
+/**
+ * Sets the `toString` method of `func` to return `string`.
+ *
+ * @private
+ * @param {Function} func The function to modify.
+ * @param {Function} string The `toString` result.
+ * @returns {Function} Returns `func`.
+ */
+var setToString = shortOut(baseSetToString);
+
+/** Used as references for various `Number` constants. */
+var MAX_SAFE_INTEGER$1 = 9007199254740991;
+
+/** Used to detect unsigned integer values. */
+var reIsUint = /^(?:0|[1-9]\d*)$/;
+
+/**
+ * Checks if `value` is a valid array-like index.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
+ * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
+ */
+function isIndex(value, length) {
+  var type = typeof value;
+  length = length == null ? MAX_SAFE_INTEGER$1 : length;
+
+  return !!length &&
+    (type == 'number' ||
+      (type != 'symbol' && reIsUint.test(value))) &&
+        (value > -1 && value % 1 == 0 && value < length);
+}
+
+/**
+ * The base implementation of `assignValue` and `assignMergeValue` without
+ * value checks.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function baseAssignValue(object, key, value) {
+  if (key == '__proto__' && defineProperty) {
+    defineProperty(object, key, {
+      'configurable': true,
+      'enumerable': true,
+      'value': value,
+      'writable': true
+    });
+  } else {
+    object[key] = value;
+  }
+}
+
+/**
+ * Performs a
+ * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * comparison between two values to determine if they are equivalent.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ * var other = { 'a': 1 };
+ *
+ * _.eq(object, object);
+ * // => true
+ *
+ * _.eq(object, other);
+ * // => false
+ *
+ * _.eq('a', 'a');
+ * // => true
+ *
+ * _.eq('a', Object('a'));
+ * // => false
+ *
+ * _.eq(NaN, NaN);
+ * // => true
+ */
+function eq(value, other) {
+  return value === other || (value !== value && other !== other);
+}
+
+/** Used for built-in method references. */
+var objectProto$6 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
+
+/**
+ * Assigns `value` to `key` of `object` if the existing value is not equivalent
+ * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * for equality comparisons.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function assignValue(object, key, value) {
+  var objValue = object[key];
+  if (!(hasOwnProperty$5.call(object, key) && eq(objValue, value)) ||
+      (value === undefined && !(key in object))) {
+    baseAssignValue(object, key, value);
+  }
+}
+
+/**
+ * Copies properties of `source` to `object`.
+ *
+ * @private
+ * @param {Object} source The object to copy properties from.
+ * @param {Array} props The property identifiers to copy.
+ * @param {Object} [object={}] The object to copy properties to.
+ * @param {Function} [customizer] The function to customize copied values.
+ * @returns {Object} Returns `object`.
+ */
+function copyObject(source, props, object, customizer) {
+  var isNew = !object;
+  object || (object = {});
+
+  var index = -1,
+      length = props.length;
+
+  while (++index < length) {
+    var key = props[index];
+
+    var newValue = undefined;
+
+    if (newValue === undefined) {
+      newValue = source[key];
+    }
+    if (isNew) {
+      baseAssignValue(object, key, newValue);
+    } else {
+      assignValue(object, key, newValue);
+    }
+  }
+  return object;
+}
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max;
+
+/**
+ * A specialized version of `baseRest` which transforms the rest array.
+ *
+ * @private
+ * @param {Function} func The function to apply a rest parameter to.
+ * @param {number} [start=func.length-1] The start position of the rest parameter.
+ * @param {Function} transform The rest array transform.
+ * @returns {Function} Returns the new function.
+ */
+function overRest(func, start, transform) {
+  start = nativeMax(start === undefined ? (func.length - 1) : start, 0);
+  return function() {
+    var args = arguments,
+        index = -1,
+        length = nativeMax(args.length - start, 0),
+        array = Array(length);
+
+    while (++index < length) {
+      array[index] = args[start + index];
+    }
+    index = -1;
+    var otherArgs = Array(start + 1);
+    while (++index < start) {
+      otherArgs[index] = args[index];
+    }
+    otherArgs[start] = transform(array);
+    return apply(func, this, otherArgs);
+  };
+}
+
+/**
+ * The base implementation of `_.rest` which doesn't validate or coerce arguments.
+ *
+ * @private
+ * @param {Function} func The function to apply a rest parameter to.
+ * @param {number} [start=func.length-1] The start position of the rest parameter.
+ * @returns {Function} Returns the new function.
+ */
+function baseRest(func, start) {
+  return setToString(overRest(func, start, identity), func + '');
+}
+
+/** Used as references for various `Number` constants. */
+var MAX_SAFE_INTEGER = 9007199254740991;
+
+/**
+ * Checks if `value` is a valid array-like length.
+ *
+ * **Note:** This method is loosely based on
+ * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
+ * @example
+ *
+ * _.isLength(3);
+ * // => true
+ *
+ * _.isLength(Number.MIN_VALUE);
+ * // => false
+ *
+ * _.isLength(Infinity);
+ * // => false
+ *
+ * _.isLength('3');
+ * // => false
+ */
+function isLength(value) {
+  return typeof value == 'number' &&
+    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+}
+
+/**
+ * Checks if `value` is array-like. A value is considered array-like if it's
+ * not a function and has a `value.length` that's an integer greater than or
+ * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
+ * @example
+ *
+ * _.isArrayLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLike(document.body.children);
+ * // => true
+ *
+ * _.isArrayLike('abc');
+ * // => true
+ *
+ * _.isArrayLike(_.noop);
+ * // => false
+ */
+function isArrayLike(value) {
+  return value != null && isLength(value.length) && !isFunction(value);
+}
+
+/**
+ * Checks if the given arguments are from an iteratee call.
+ *
+ * @private
+ * @param {*} value The potential iteratee value argument.
+ * @param {*} index The potential iteratee index or key argument.
+ * @param {*} object The potential iteratee object argument.
+ * @returns {boolean} Returns `true` if the arguments are from an iteratee call,
+ *  else `false`.
+ */
+function isIterateeCall(value, index, object) {
+  if (!isObject(object)) {
+    return false;
+  }
+  var type = typeof index;
+  if (type == 'number'
+        ? (isArrayLike(object) && isIndex(index, object.length))
+        : (type == 'string' && index in object)
+      ) {
+    return eq(object[index], value);
+  }
+  return false;
+}
+
+/**
+ * Creates a function like `_.assign`.
+ *
+ * @private
+ * @param {Function} assigner The function to assign values.
+ * @returns {Function} Returns the new assigner function.
+ */
+function createAssigner(assigner) {
+  return baseRest(function(object, sources) {
+    var index = -1,
+        length = sources.length,
+        customizer = length > 1 ? sources[length - 1] : undefined,
+        guard = length > 2 ? sources[2] : undefined;
+
+    customizer = (assigner.length > 3 && typeof customizer == 'function')
+      ? (length--, customizer)
+      : undefined;
+
+    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
+      customizer = length < 3 ? undefined : customizer;
+      length = 1;
+    }
+    object = Object(object);
+    while (++index < length) {
+      var source = sources[index];
+      if (source) {
+        assigner(object, source, index, customizer);
+      }
+    }
+    return object;
+  });
+}
+
+/** Used for built-in method references. */
+var objectProto$5 = Object.prototype;
+
+/**
+ * Checks if `value` is likely a prototype object.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.
+ */
+function isPrototype(value) {
+  var Ctor = value && value.constructor,
+      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$5;
+
+  return value === proto;
+}
+
+/**
+ * The base implementation of `_.times` without support for iteratee shorthands
+ * or max array length checks.
+ *
+ * @private
+ * @param {number} n The number of times to invoke `iteratee`.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the array of results.
+ */
+function baseTimes(n, iteratee) {
+  var index = -1,
+      result = Array(n);
+
+  while (++index < n) {
+    result[index] = iteratee(index);
+  }
+  return result;
+}
+
+/** `Object#toString` result references. */
+var argsTag$1 = '[object Arguments]';
+
+/**
+ * The base implementation of `_.isArguments`.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+ */
+function baseIsArguments(value) {
+  return isObjectLike(value) && baseGetTag(value) == argsTag$1;
+}
+
+/** Used for built-in method references. */
+var objectProto$4 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
+
+/** Built-in value references. */
+var propertyIsEnumerable = objectProto$4.propertyIsEnumerable;
+
+/**
+ * Checks if `value` is likely an `arguments` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+ *  else `false`.
+ * @example
+ *
+ * _.isArguments(function() { return arguments; }());
+ * // => true
+ *
+ * _.isArguments([1, 2, 3]);
+ * // => false
+ */
+var isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {
+  return isObjectLike(value) && hasOwnProperty$4.call(value, 'callee') &&
+    !propertyIsEnumerable.call(value, 'callee');
+};
+
+/**
+ * This method returns `false`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.13.0
+ * @category Util
+ * @returns {boolean} Returns `false`.
+ * @example
+ *
+ * _.times(2, _.stubFalse);
+ * // => [false, false]
+ */
+function stubFalse() {
+  return false;
+}
+
+/** Detect free variable `exports`. */
+var freeExports$2 = typeof exports == 'object' && exports && !exports.nodeType && exports;
+
+/** Detect free variable `module`. */
+var freeModule$2 = freeExports$2 && typeof module == 'object' && module && !module.nodeType && module;
+
+/** Detect the popular CommonJS extension `module.exports`. */
+var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
+
+/** Built-in value references. */
+var Buffer$1 = moduleExports$2 ? root.Buffer : undefined;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : undefined;
+
+/**
+ * Checks if `value` is a buffer.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.3.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
+ * @example
+ *
+ * _.isBuffer(new Buffer(2));
+ * // => true
+ *
+ * _.isBuffer(new Uint8Array(2));
+ * // => false
+ */
+var isBuffer = nativeIsBuffer || stubFalse;
+
+/** `Object#toString` result references. */
+var argsTag = '[object Arguments]',
+    arrayTag = '[object Array]',
+    boolTag = '[object Boolean]',
+    dateTag = '[object Date]',
+    errorTag = '[object Error]',
+    funcTag = '[object Function]',
+    mapTag = '[object Map]',
+    numberTag = '[object Number]',
+    objectTag$1 = '[object Object]',
+    regexpTag = '[object RegExp]',
+    setTag = '[object Set]',
+    stringTag = '[object String]',
+    weakMapTag = '[object WeakMap]';
+
+var arrayBufferTag = '[object ArrayBuffer]',
+    dataViewTag = '[object DataView]',
+    float32Tag = '[object Float32Array]',
+    float64Tag = '[object Float64Array]',
+    int8Tag = '[object Int8Array]',
+    int16Tag = '[object Int16Array]',
+    int32Tag = '[object Int32Array]',
+    uint8Tag = '[object Uint8Array]',
+    uint8ClampedTag = '[object Uint8ClampedArray]',
+    uint16Tag = '[object Uint16Array]',
+    uint32Tag = '[object Uint32Array]';
+
+/** Used to identify `toStringTag` values of typed arrays. */
+var typedArrayTags = {};
+typedArrayTags[float32Tag] = typedArrayTags[float64Tag] =
+typedArrayTags[int8Tag] = typedArrayTags[int16Tag] =
+typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =
+typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =
+typedArrayTags[uint32Tag] = true;
+typedArrayTags[argsTag] = typedArrayTags[arrayTag] =
+typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =
+typedArrayTags[dataViewTag] = typedArrayTags[dateTag] =
+typedArrayTags[errorTag] = typedArrayTags[funcTag] =
+typedArrayTags[mapTag] = typedArrayTags[numberTag] =
+typedArrayTags[objectTag$1] = typedArrayTags[regexpTag] =
+typedArrayTags[setTag] = typedArrayTags[stringTag] =
+typedArrayTags[weakMapTag] = false;
+
+/**
+ * The base implementation of `_.isTypedArray` without Node.js optimizations.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+ */
+function baseIsTypedArray(value) {
+  return isObjectLike(value) &&
+    isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
+}
+
+/**
+ * The base implementation of `_.unary` without support for storing metadata.
+ *
+ * @private
+ * @param {Function} func The function to cap arguments for.
+ * @returns {Function} Returns the new capped function.
+ */
+function baseUnary(func) {
+  return function(value) {
+    return func(value);
+  };
+}
+
+/** Detect free variable `exports`. */
+var freeExports$1 = typeof exports == 'object' && exports && !exports.nodeType && exports;
+
+/** Detect free variable `module`. */
+var freeModule$1 = freeExports$1 && typeof module == 'object' && module && !module.nodeType && module;
+
+/** Detect the popular CommonJS extension `module.exports`. */
+var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
+
+/** Detect free variable `process` from Node.js. */
+var freeProcess = moduleExports$1 && freeGlobal.process;
+
+/** Used to access faster Node.js helpers. */
+var nodeUtil = (function() {
+  try {
+    // Use `util.types` for Node.js 10+.
+    var types = freeModule$1 && freeModule$1.require && freeModule$1.require('util').types;
+
+    if (types) {
+      return types;
+    }
+
+    // Legacy `process.binding('util')` for Node.js < 10.
+    return freeProcess && freeProcess.binding && freeProcess.binding('util');
+  } catch (e) {}
+}());
+
+/* Node.js helper references. */
+var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
+
+/**
+ * Checks if `value` is classified as a typed array.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+ * @example
+ *
+ * _.isTypedArray(new Uint8Array);
+ * // => true
+ *
+ * _.isTypedArray([]);
+ * // => false
+ */
+var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
+
+/**
+ * Creates an array of the enumerable property names of the array-like `value`.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @param {boolean} inherited Specify returning inherited property names.
+ * @returns {Array} Returns the array of property names.
+ */
+function arrayLikeKeys(value, inherited) {
+  var isArr = isArray(value),
+      isArg = !isArr && isArguments(value),
+      isBuff = !isArr && !isArg && isBuffer(value),
+      isType = !isArr && !isArg && !isBuff && isTypedArray(value),
+      skipIndexes = isArr || isArg || isBuff || isType,
+      result = skipIndexes ? baseTimes(value.length, String) : [],
+      length = result.length;
+
+  for (var key in value) {
+    if (!(skipIndexes && (
+           // Safari 9 has enumerable `arguments.length` in strict mode.
+           key == 'length' ||
+           // Node.js 0.10 has enumerable non-index properties on buffers.
+           (isBuff && (key == 'offset' || key == 'parent')) ||
+           // PhantomJS 2 has enumerable non-index properties on typed arrays.
+           (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) ||
+           // Skip index properties.
+           isIndex(key, length)
+        ))) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+
+/**
+ * Creates a unary function that invokes `func` with its argument transformed.
+ *
+ * @private
+ * @param {Function} func The function to wrap.
+ * @param {Function} transform The argument transform.
+ * @returns {Function} Returns the new function.
+ */
+function overArg(func, transform) {
+  return function(arg) {
+    return func(transform(arg));
+  };
+}
+
+/**
+ * This function is like
+ * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
+ * except that it includes inherited enumerable properties.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ */
+function nativeKeysIn(object) {
+  var result = [];
+  if (object != null) {
+    for (var key in Object(object)) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+
+/** Used for built-in method references. */
+var objectProto$3 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
+
+/**
+ * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ */
+function baseKeysIn(object) {
+  if (!isObject(object)) {
+    return nativeKeysIn(object);
+  }
+  var isProto = isPrototype(object),
+      result = [];
+
+  for (var key in object) {
+    if (!(key == 'constructor' && (isProto || !hasOwnProperty$3.call(object, key)))) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+
+/**
+ * Creates an array of the own and inherited enumerable property names of `object`.
+ *
+ * **Note:** Non-object values are coerced to objects.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Object
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ * @example
+ *
+ * function Foo() {
+ *   this.a = 1;
+ *   this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.keysIn(new Foo);
+ * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
+ */
+function keysIn(object) {
+  return isArrayLike(object) ? arrayLikeKeys(object) : baseKeysIn(object);
+}
+
+/* Built-in method references that are verified to be native. */
+var nativeCreate = getNative(Object, 'create');
+
+/**
+ * Removes all key-value entries from the hash.
+ *
+ * @private
+ * @name clear
+ * @memberOf Hash
+ */
+function hashClear() {
+  this.__data__ = nativeCreate ? nativeCreate(null) : {};
+  this.size = 0;
+}
+
+/**
+ * Removes `key` and its value from the hash.
+ *
+ * @private
+ * @name delete
+ * @memberOf Hash
+ * @param {Object} hash The hash to modify.
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function hashDelete(key) {
+  var result = this.has(key) && delete this.__data__[key];
+  this.size -= result ? 1 : 0;
+  return result;
+}
+
+/** Used to stand-in for `undefined` hash values. */
+var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';
+
+/** Used for built-in method references. */
+var objectProto$2 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+
+/**
+ * Gets the hash value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf Hash
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function hashGet(key) {
+  var data = this.__data__;
+  if (nativeCreate) {
+    var result = data[key];
+    return result === HASH_UNDEFINED$1 ? undefined : result;
+  }
+  return hasOwnProperty$2.call(data, key) ? data[key] : undefined;
+}
+
+/** Used for built-in method references. */
+var objectProto$1 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+
+/**
+ * Checks if a hash value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf Hash
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function hashHas(key) {
+  var data = this.__data__;
+  return nativeCreate ? (data[key] !== undefined) : hasOwnProperty$1.call(data, key);
+}
+
+/** Used to stand-in for `undefined` hash values. */
+var HASH_UNDEFINED = '__lodash_hash_undefined__';
+
+/**
+ * Sets the hash `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf Hash
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the hash instance.
+ */
+function hashSet(key, value) {
+  var data = this.__data__;
+  this.size += this.has(key) ? 0 : 1;
+  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;
+  return this;
+}
+
+/**
+ * Creates a hash object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function Hash(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `Hash`.
+Hash.prototype.clear = hashClear;
+Hash.prototype['delete'] = hashDelete;
+Hash.prototype.get = hashGet;
+Hash.prototype.has = hashHas;
+Hash.prototype.set = hashSet;
+
+/**
+ * Removes all key-value entries from the list cache.
+ *
+ * @private
+ * @name clear
+ * @memberOf ListCache
+ */
+function listCacheClear() {
+  this.__data__ = [];
+  this.size = 0;
+}
+
+/**
+ * Gets the index at which the `key` is found in `array` of key-value pairs.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} key The key to search for.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function assocIndexOf(array, key) {
+  var length = array.length;
+  while (length--) {
+    if (eq(array[length][0], key)) {
+      return length;
+    }
+  }
+  return -1;
+}
+
+/** Used for built-in method references. */
+var arrayProto = Array.prototype;
+
+/** Built-in value references. */
+var splice = arrayProto.splice;
+
+/**
+ * Removes `key` and its value from the list cache.
+ *
+ * @private
+ * @name delete
+ * @memberOf ListCache
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function listCacheDelete(key) {
+  var data = this.__data__,
+      index = assocIndexOf(data, key);
+
+  if (index < 0) {
+    return false;
+  }
+  var lastIndex = data.length - 1;
+  if (index == lastIndex) {
+    data.pop();
+  } else {
+    splice.call(data, index, 1);
+  }
+  --this.size;
+  return true;
+}
+
+/**
+ * Gets the list cache value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf ListCache
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function listCacheGet(key) {
+  var data = this.__data__,
+      index = assocIndexOf(data, key);
+
+  return index < 0 ? undefined : data[index][1];
+}
+
+/**
+ * Checks if a list cache value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf ListCache
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function listCacheHas(key) {
+  return assocIndexOf(this.__data__, key) > -1;
+}
+
+/**
+ * Sets the list cache `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf ListCache
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the list cache instance.
+ */
+function listCacheSet(key, value) {
+  var data = this.__data__,
+      index = assocIndexOf(data, key);
+
+  if (index < 0) {
+    ++this.size;
+    data.push([key, value]);
+  } else {
+    data[index][1] = value;
+  }
+  return this;
+}
+
+/**
+ * Creates an list cache object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function ListCache(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `ListCache`.
+ListCache.prototype.clear = listCacheClear;
+ListCache.prototype['delete'] = listCacheDelete;
+ListCache.prototype.get = listCacheGet;
+ListCache.prototype.has = listCacheHas;
+ListCache.prototype.set = listCacheSet;
+
+/* Built-in method references that are verified to be native. */
+var Map = getNative(root, 'Map');
+
+/**
+ * Removes all key-value entries from the map.
+ *
+ * @private
+ * @name clear
+ * @memberOf MapCache
+ */
+function mapCacheClear() {
+  this.size = 0;
+  this.__data__ = {
+    'hash': new Hash,
+    'map': new (Map || ListCache),
+    'string': new Hash
+  };
+}
+
+/**
+ * Checks if `value` is suitable for use as unique object key.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
+ */
+function isKeyable(value) {
+  var type = typeof value;
+  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
+    ? (value !== '__proto__')
+    : (value === null);
+}
+
+/**
+ * Gets the data for `map`.
+ *
+ * @private
+ * @param {Object} map The map to query.
+ * @param {string} key The reference key.
+ * @returns {*} Returns the map data.
+ */
+function getMapData(map, key) {
+  var data = map.__data__;
+  return isKeyable(key)
+    ? data[typeof key == 'string' ? 'string' : 'hash']
+    : data.map;
+}
+
+/**
+ * Removes `key` and its value from the map.
+ *
+ * @private
+ * @name delete
+ * @memberOf MapCache
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function mapCacheDelete(key) {
+  var result = getMapData(this, key)['delete'](key);
+  this.size -= result ? 1 : 0;
+  return result;
+}
+
+/**
+ * Gets the map value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf MapCache
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function mapCacheGet(key) {
+  return getMapData(this, key).get(key);
+}
+
+/**
+ * Checks if a map value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf MapCache
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function mapCacheHas(key) {
+  return getMapData(this, key).has(key);
+}
+
+/**
+ * Sets the map `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf MapCache
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the map cache instance.
+ */
+function mapCacheSet(key, value) {
+  var data = getMapData(this, key),
+      size = data.size;
+
+  data.set(key, value);
+  this.size += data.size == size ? 0 : 1;
+  return this;
+}
+
+/**
+ * Creates a map cache object to store key-value pairs.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function MapCache(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `MapCache`.
+MapCache.prototype.clear = mapCacheClear;
+MapCache.prototype['delete'] = mapCacheDelete;
+MapCache.prototype.get = mapCacheGet;
+MapCache.prototype.has = mapCacheHas;
+MapCache.prototype.set = mapCacheSet;
+
+/** Built-in value references. */
+var getPrototype = overArg(Object.getPrototypeOf, Object);
+
+/** `Object#toString` result references. */
+var objectTag = '[object Object]';
+
+/** Used for built-in method references. */
+var funcProto = Function.prototype,
+    objectProto = Object.prototype;
+
+/** Used to resolve the decompiled source of functions. */
+var funcToString = funcProto.toString;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/** Used to infer the `Object` constructor. */
+var objectCtorString = funcToString.call(Object);
+
+/**
+ * Checks if `value` is a plain object, that is, an object created by the
+ * `Object` constructor or one with a `[[Prototype]]` of `null`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.8.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
+ * @example
+ *
+ * function Foo() {
+ *   this.a = 1;
+ * }
+ *
+ * _.isPlainObject(new Foo);
+ * // => false
+ *
+ * _.isPlainObject([1, 2, 3]);
+ * // => false
+ *
+ * _.isPlainObject({ 'x': 0, 'y': 0 });
+ * // => true
+ *
+ * _.isPlainObject(Object.create(null));
+ * // => true
+ */
+function isPlainObject(value) {
+  if (!isObjectLike(value) || baseGetTag(value) != objectTag) {
+    return false;
+  }
+  var proto = getPrototype(value);
+  if (proto === null) {
+    return true;
+  }
+  var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;
+  return typeof Ctor == 'function' && Ctor instanceof Ctor &&
+    funcToString.call(Ctor) == objectCtorString;
+}
+
+/**
+ * Removes all key-value entries from the stack.
+ *
+ * @private
+ * @name clear
+ * @memberOf Stack
+ */
+function stackClear() {
+  this.__data__ = new ListCache;
+  this.size = 0;
+}
+
+/**
+ * Removes `key` and its value from the stack.
+ *
+ * @private
+ * @name delete
+ * @memberOf Stack
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function stackDelete(key) {
+  var data = this.__data__,
+      result = data['delete'](key);
+
+  this.size = data.size;
+  return result;
+}
+
+/**
+ * Gets the stack value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf Stack
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function stackGet(key) {
+  return this.__data__.get(key);
+}
+
+/**
+ * Checks if a stack value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf Stack
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function stackHas(key) {
+  return this.__data__.has(key);
+}
+
+/** Used as the size to enable large array optimizations. */
+var LARGE_ARRAY_SIZE = 200;
+
+/**
+ * Sets the stack `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf Stack
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the stack cache instance.
+ */
+function stackSet(key, value) {
+  var data = this.__data__;
+  if (data instanceof ListCache) {
+    var pairs = data.__data__;
+    if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {
+      pairs.push([key, value]);
+      this.size = ++data.size;
+      return this;
+    }
+    data = this.__data__ = new MapCache(pairs);
+  }
+  data.set(key, value);
+  this.size = data.size;
+  return this;
+}
+
+/**
+ * Creates a stack cache object to store key-value pairs.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function Stack(entries) {
+  var data = this.__data__ = new ListCache(entries);
+  this.size = data.size;
+}
+
+// Add methods to `Stack`.
+Stack.prototype.clear = stackClear;
+Stack.prototype['delete'] = stackDelete;
+Stack.prototype.get = stackGet;
+Stack.prototype.has = stackHas;
+Stack.prototype.set = stackSet;
+
+/** Detect free variable `exports`. */
+var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;
+
+/** Detect free variable `module`. */
+var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;
+
+/** Detect the popular CommonJS extension `module.exports`. */
+var moduleExports = freeModule && freeModule.exports === freeExports;
+
+/** Built-in value references. */
+var Buffer = moduleExports ? root.Buffer : undefined;
+    Buffer ? Buffer.allocUnsafe : undefined;
+
+/**
+ * Creates a clone of  `buffer`.
+ *
+ * @private
+ * @param {Buffer} buffer The buffer to clone.
+ * @param {boolean} [isDeep] Specify a deep clone.
+ * @returns {Buffer} Returns the cloned buffer.
+ */
+function cloneBuffer(buffer, isDeep) {
+  {
+    return buffer.slice();
+  }
+}
+
+/** Built-in value references. */
+var Uint8Array = root.Uint8Array;
+
+/**
+ * Creates a clone of `arrayBuffer`.
+ *
+ * @private
+ * @param {ArrayBuffer} arrayBuffer The array buffer to clone.
+ * @returns {ArrayBuffer} Returns the cloned array buffer.
+ */
+function cloneArrayBuffer(arrayBuffer) {
+  var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
+  new Uint8Array(result).set(new Uint8Array(arrayBuffer));
+  return result;
+}
+
+/**
+ * Creates a clone of `typedArray`.
+ *
+ * @private
+ * @param {Object} typedArray The typed array to clone.
+ * @param {boolean} [isDeep] Specify a deep clone.
+ * @returns {Object} Returns the cloned typed array.
+ */
+function cloneTypedArray(typedArray, isDeep) {
+  var buffer = cloneArrayBuffer(typedArray.buffer) ;
+  return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
+}
+
+/**
+ * Initializes an object clone.
+ *
+ * @private
+ * @param {Object} object The object to clone.
+ * @returns {Object} Returns the initialized clone.
+ */
+function initCloneObject(object) {
+  return (typeof object.constructor == 'function' && !isPrototype(object))
+    ? baseCreate(getPrototype(object))
+    : {};
+}
+
+/**
+ * Creates a base function for methods like `_.forIn` and `_.forOwn`.
+ *
+ * @private
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {Function} Returns the new base function.
+ */
+function createBaseFor(fromRight) {
+  return function(object, iteratee, keysFunc) {
+    var index = -1,
+        iterable = Object(object),
+        props = keysFunc(object),
+        length = props.length;
+
+    while (length--) {
+      var key = props[++index];
+      if (iteratee(iterable[key], key, iterable) === false) {
+        break;
+      }
+    }
+    return object;
+  };
+}
+
+/**
+ * The base implementation of `baseForOwn` which iterates over `object`
+ * properties returned by `keysFunc` and invokes `iteratee` for each property.
+ * Iteratee functions may exit iteration early by explicitly returning `false`.
+ *
+ * @private
+ * @param {Object} object The object to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @param {Function} keysFunc The function to get the keys of `object`.
+ * @returns {Object} Returns `object`.
+ */
+var baseFor = createBaseFor();
+
+/**
+ * This function is like `assignValue` except that it doesn't assign
+ * `undefined` values.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function assignMergeValue(object, key, value) {
+  if ((value !== undefined && !eq(object[key], value)) ||
+      (value === undefined && !(key in object))) {
+    baseAssignValue(object, key, value);
+  }
+}
+
+/**
+ * This method is like `_.isArrayLike` except that it also checks if `value`
+ * is an object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array-like object,
+ *  else `false`.
+ * @example
+ *
+ * _.isArrayLikeObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLikeObject(document.body.children);
+ * // => true
+ *
+ * _.isArrayLikeObject('abc');
+ * // => false
+ *
+ * _.isArrayLikeObject(_.noop);
+ * // => false
+ */
+function isArrayLikeObject(value) {
+  return isObjectLike(value) && isArrayLike(value);
+}
+
+/**
+ * Gets the value at `key`, unless `key` is "__proto__" or "constructor".
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the property to get.
+ * @returns {*} Returns the property value.
+ */
+function safeGet(object, key) {
+  if (key === 'constructor' && typeof object[key] === 'function') {
+    return;
+  }
+
+  if (key == '__proto__') {
+    return;
+  }
+
+  return object[key];
+}
+
+/**
+ * Converts `value` to a plain object flattening inherited enumerable string
+ * keyed properties of `value` to own properties of the plain object.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {Object} Returns the converted plain object.
+ * @example
+ *
+ * function Foo() {
+ *   this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.assign({ 'a': 1 }, new Foo);
+ * // => { 'a': 1, 'b': 2 }
+ *
+ * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));
+ * // => { 'a': 1, 'b': 2, 'c': 3 }
+ */
+function toPlainObject(value) {
+  return copyObject(value, keysIn(value));
+}
+
+/**
+ * A specialized version of `baseMerge` for arrays and objects which performs
+ * deep merges and tracks traversed objects enabling objects with circular
+ * references to be merged.
+ *
+ * @private
+ * @param {Object} object The destination object.
+ * @param {Object} source The source object.
+ * @param {string} key The key of the value to merge.
+ * @param {number} srcIndex The index of `source`.
+ * @param {Function} mergeFunc The function to merge values.
+ * @param {Function} [customizer] The function to customize assigned values.
+ * @param {Object} [stack] Tracks traversed source values and their merged
+ *  counterparts.
+ */
+function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
+  var objValue = safeGet(object, key),
+      srcValue = safeGet(source, key),
+      stacked = stack.get(srcValue);
+
+  if (stacked) {
+    assignMergeValue(object, key, stacked);
+    return;
+  }
+  var newValue = customizer
+    ? customizer(objValue, srcValue, (key + ''), object, source, stack)
+    : undefined;
+
+  var isCommon = newValue === undefined;
+
+  if (isCommon) {
+    var isArr = isArray(srcValue),
+        isBuff = !isArr && isBuffer(srcValue),
+        isTyped = !isArr && !isBuff && isTypedArray(srcValue);
+
+    newValue = srcValue;
+    if (isArr || isBuff || isTyped) {
+      if (isArray(objValue)) {
+        newValue = objValue;
+      }
+      else if (isArrayLikeObject(objValue)) {
+        newValue = copyArray(objValue);
+      }
+      else if (isBuff) {
+        isCommon = false;
+        newValue = cloneBuffer(srcValue);
+      }
+      else if (isTyped) {
+        isCommon = false;
+        newValue = cloneTypedArray(srcValue);
+      }
+      else {
+        newValue = [];
+      }
+    }
+    else if (isPlainObject(srcValue) || isArguments(srcValue)) {
+      newValue = objValue;
+      if (isArguments(objValue)) {
+        newValue = toPlainObject(objValue);
+      }
+      else if (!isObject(objValue) || isFunction(objValue)) {
+        newValue = initCloneObject(srcValue);
+      }
+    }
+    else {
+      isCommon = false;
+    }
+  }
+  if (isCommon) {
+    // Recursively merge objects and arrays (susceptible to call stack limits).
+    stack.set(srcValue, newValue);
+    mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
+    stack['delete'](srcValue);
+  }
+  assignMergeValue(object, key, newValue);
+}
+
+/**
+ * The base implementation of `_.merge` without support for multiple sources.
+ *
+ * @private
+ * @param {Object} object The destination object.
+ * @param {Object} source The source object.
+ * @param {number} srcIndex The index of `source`.
+ * @param {Function} [customizer] The function to customize merged values.
+ * @param {Object} [stack] Tracks traversed source values and their merged
+ *  counterparts.
+ */
+function baseMerge(object, source, srcIndex, customizer, stack) {
+  if (object === source) {
+    return;
+  }
+  baseFor(source, function(srcValue, key) {
+    stack || (stack = new Stack);
+    if (isObject(srcValue)) {
+      baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
+    }
+    else {
+      var newValue = customizer
+        ? customizer(safeGet(object, key), srcValue, (key + ''), object, source, stack)
+        : undefined;
+
+      if (newValue === undefined) {
+        newValue = srcValue;
+      }
+      assignMergeValue(object, key, newValue);
+    }
+  }, keysIn);
+}
+
+/**
+ * This method is like `_.assign` except that it recursively merges own and
+ * inherited enumerable string keyed properties of source objects into the
+ * destination object. Source properties that resolve to `undefined` are
+ * skipped if a destination value exists. Array and plain object properties
+ * are merged recursively. Other objects and value types are overridden by
+ * assignment. Source objects are applied from left to right. Subsequent
+ * sources overwrite property assignments of previous sources.
+ *
+ * **Note:** This method mutates `object`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.5.0
+ * @category Object
+ * @param {Object} object The destination object.
+ * @param {...Object} [sources] The source objects.
+ * @returns {Object} Returns `object`.
+ * @example
+ *
+ * var object = {
+ *   'a': [{ 'b': 2 }, { 'd': 4 }]
+ * };
+ *
+ * var other = {
+ *   'a': [{ 'c': 3 }, { 'e': 5 }]
+ * };
+ *
+ * _.merge(object, other);
+ * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
+ */
+var merge = createAssigner(function(object, source, srcIndex) {
+  baseMerge(object, source, srcIndex);
+});
+
+const cssrAnchorMetaName = 'naive-ui-style';
+
+function useRtl(mountId, rtlStateRef, clsPrefixRef) {
+  if (!rtlStateRef) return undefined;
+  const ssrAdapter = useSsrAdapter();
+  const componentRtlStateRef = computed(() => {
+    const {
+      value: rtlState
+    } = rtlStateRef;
+    if (!rtlState) {
+      return undefined;
+    }
+    const componentRtlState = rtlState[mountId];
+    if (!componentRtlState) {
+      return undefined;
+    }
+    return componentRtlState;
+  });
+  const NConfigProvider = inject(configProviderInjectionKey, null);
+  const mountStyle = () => {
+    watchEffect(() => {
+      const {
+        value: clsPrefix
+      } = clsPrefixRef;
+      const id = `${clsPrefix}${mountId}Rtl`;
+      // if it already exists, we only need to watch clsPrefix, although in most
+      // of time it's unnecessary... However we can at least listen less
+      // handlers, which is great.
+      if (exists(id, ssrAdapter)) return;
+      const {
+        value: componentRtlState
+      } = componentRtlStateRef;
+      if (!componentRtlState) return;
+      componentRtlState.style.mount({
+        id,
+        head: true,
+        anchorMetaName: cssrAnchorMetaName,
+        props: {
+          bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
+        },
+        ssr: ssrAdapter,
+        parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
+      });
+    });
+  };
+  if (ssrAdapter) {
+    mountStyle();
+  } else {
+    onBeforeMount(mountStyle);
+  }
+  return componentRtlStateRef;
+}
+
+var commonVariables$1 = {
+  fontFamily: 'v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
+  fontFamilyMono: 'v-mono, SFMono-Regular, Menlo, Consolas, Courier, monospace',
+  fontWeight: '400',
+  fontWeightStrong: '500',
+  cubicBezierEaseInOut: 'cubic-bezier(.4, 0, .2, 1)',
+  cubicBezierEaseOut: 'cubic-bezier(0, 0, .2, 1)',
+  cubicBezierEaseIn: 'cubic-bezier(.4, 0, 1, 1)',
+  borderRadius: '3px',
+  borderRadiusSmall: '2px',
+  fontSize: '14px',
+  fontSizeMini: '12px',
+  fontSizeTiny: '12px',
+  fontSizeSmall: '14px',
+  fontSizeMedium: '14px',
+  fontSizeLarge: '15px',
+  fontSizeHuge: '16px',
+  lineHeight: '1.6',
+  heightMini: '16px',
+  // private now, it's too small
+  heightTiny: '22px',
+  heightSmall: '28px',
+  heightMedium: '34px',
+  heightLarge: '40px',
+  heightHuge: '46px'
+};
+
+const {
+  fontSize,
+  fontFamily,
+  lineHeight
+} = commonVariables$1;
+// All the components need the style
+// It is static and won't be changed in the app's lifetime
+// If user want to overrides it they need to use `n-global-style` is provided
+//
+// Technically we can remove font-size & font-family & line-height to make
+// it pure. However the coding cost doesn't worth it.
+//
+// -webkit-tap-hilight-color:
+// https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color
+// In some android devices, there will be the style.
+var globalStyle = c('body', `
+ margin: 0;
+ font-size: ${fontSize};
+ font-family: ${fontFamily};
+ line-height: ${lineHeight};
+ -webkit-text-size-adjust: 100%;
+ -webkit-tap-highlight-color: transparent;
+`, [c('input', `
+ font-family: inherit;
+ font-size: inherit;
+ `)]);
+
+function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef) {
+  const ssrAdapter = useSsrAdapter();
+  const NConfigProvider = inject(configProviderInjectionKey, null);
+  if (style) {
+    const mountStyle = () => {
+      const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
+      style.mount({
+        id: clsPrefix === undefined ? mountId : clsPrefix + mountId,
+        head: true,
+        props: {
+          bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
+        },
+        anchorMetaName: cssrAnchorMetaName,
+        ssr: ssrAdapter,
+        parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
+      });
+      if (!(NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled)) {
+        globalStyle.mount({
+          id: 'n-global',
+          head: true,
+          anchorMetaName: cssrAnchorMetaName,
+          ssr: ssrAdapter,
+          parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
+        });
+      }
+    };
+    if (ssrAdapter) {
+      mountStyle();
+    } else {
+      onBeforeMount(mountStyle);
+    }
+  }
+  const mergedThemeRef = computed(() => {
+    var _a;
+    // keep props to make theme overrideable
+    const {
+      theme: {
+        common: selfCommon,
+        self,
+        peers = {}
+      } = {},
+      themeOverrides: selfOverrides = {},
+      builtinThemeOverrides: builtinOverrides = {}
+    } = props;
+    const {
+      common: selfCommonOverrides,
+      peers: peersOverrides
+    } = selfOverrides;
+    const {
+      common: globalCommon = undefined,
+      [resolveId]: {
+        common: globalSelfCommon = undefined,
+        self: globalSelf = undefined,
+        peers: globalPeers = {}
+      } = {}
+    } = (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeRef.value) || {};
+    const {
+      common: globalCommonOverrides = undefined,
+      [resolveId]: globalSelfOverrides = {}
+    } = (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeOverridesRef.value) || {};
+    const {
+      common: globalSelfCommonOverrides,
+      peers: globalPeersOverrides = {}
+    } = globalSelfOverrides;
+    const mergedCommon = merge({}, selfCommon || globalSelfCommon || globalCommon || defaultTheme.common, globalCommonOverrides, globalSelfCommonOverrides, selfCommonOverrides);
+    const mergedSelf = merge(
+    // {}, executed every time, no need for empty obj
+    (_a = self || globalSelf || defaultTheme.self) === null || _a === void 0 ? void 0 : _a(mergedCommon), builtinOverrides, globalSelfOverrides, selfOverrides);
+    return {
+      common: mergedCommon,
+      self: mergedSelf,
+      peers: merge({}, defaultTheme.peers, globalPeers, peers),
+      peerOverrides: merge({}, builtinOverrides.peers, globalPeersOverrides, peersOverrides)
+    };
+  });
+  return mergedThemeRef;
+}
+useTheme.props = {
+  theme: Object,
+  themeOverrides: Object,
+  builtinThemeOverrides: Object
+};
+
+const base = {
+  neutralBase: '#FFF',
+  neutralInvertBase: '#000',
+  neutralTextBase: '#000',
+  neutralPopover: '#fff',
+  neutralCard: '#fff',
+  neutralModal: '#fff',
+  neutralBody: '#fff',
+  alpha1: '0.82',
+  alpha2: '0.72',
+  alpha3: '0.38',
+  alpha4: '0.24',
+  // disabled text, placeholder, icon
+  alpha5: '0.18',
+  // disabled placeholder
+  alphaClose: '0.6',
+  alphaDisabled: '0.5',
+  alphaDisabledInput: '0.02',
+  alphaPending: '0.05',
+  alphaTablePending: '0.02',
+  alphaPressed: '0.07',
+  alphaAvatar: '0.2',
+  alphaRail: '0.14',
+  alphaProgressRail: '.08',
+  alphaBorder: '0.12',
+  alphaDivider: '0.06',
+  alphaInput: '0',
+  alphaAction: '0.02',
+  alphaTab: '0.04',
+  alphaScrollbar: '0.25',
+  alphaScrollbarHover: '0.4',
+  alphaCode: '0.05',
+  alphaTag: '0.02',
+  // primary
+  primaryHover: '#36ad6a',
+  primaryDefault: '#18a058',
+  primaryActive: '#0c7a43',
+  primarySuppl: '#36ad6a',
+  // info
+  infoHover: '#4098fc',
+  infoDefault: '#2080f0',
+  infoActive: '#1060c9',
+  infoSuppl: '#4098fc',
+  // error
+  errorHover: '#de576d',
+  errorDefault: '#d03050',
+  errorActive: '#ab1f3f',
+  errorSuppl: '#de576d',
+  // warning
+  warningHover: '#fcb040',
+  warningDefault: '#f0a020',
+  warningActive: '#c97c10',
+  warningSuppl: '#fcb040',
+  // success
+  successHover: '#36ad6a',
+  successDefault: '#18a058',
+  successActive: '#0c7a43',
+  successSuppl: '#36ad6a'
+};
+const baseBackgroundRgb = rgba(base.neutralBase);
+const baseInvertBackgroundRgb = rgba(base.neutralInvertBase);
+const overlayPrefix = `rgba(${baseInvertBackgroundRgb.slice(0, 3).join(', ')}, `;
+function overlay(alpha) {
+  return `${overlayPrefix + String(alpha)})`;
+}
+function neutral(alpha) {
+  const overlayRgba = Array.from(baseInvertBackgroundRgb);
+  overlayRgba[3] = Number(alpha);
+  return composite(baseBackgroundRgb, overlayRgba);
+}
+const derived = Object.assign(Object.assign({
+  name: 'common'
+}, commonVariables$1), {
+  baseColor: base.neutralBase,
+  // primary color
+  primaryColor: base.primaryDefault,
+  primaryColorHover: base.primaryHover,
+  primaryColorPressed: base.primaryActive,
+  primaryColorSuppl: base.primarySuppl,
+  // info color
+  infoColor: base.infoDefault,
+  infoColorHover: base.infoHover,
+  infoColorPressed: base.infoActive,
+  infoColorSuppl: base.infoSuppl,
+  // success color
+  successColor: base.successDefault,
+  successColorHover: base.successHover,
+  successColorPressed: base.successActive,
+  successColorSuppl: base.successSuppl,
+  // warning color
+  warningColor: base.warningDefault,
+  warningColorHover: base.warningHover,
+  warningColorPressed: base.warningActive,
+  warningColorSuppl: base.warningSuppl,
+  // error color
+  errorColor: base.errorDefault,
+  errorColorHover: base.errorHover,
+  errorColorPressed: base.errorActive,
+  errorColorSuppl: base.errorSuppl,
+  // text color
+  textColorBase: base.neutralTextBase,
+  textColor1: 'rgb(31, 34, 37)',
+  textColor2: 'rgb(51, 54, 57)',
+  textColor3: 'rgb(118, 124, 130)',
+  // textColor4: neutral(base.alpha4), // disabled, placeholder, icon
+  // textColor5: neutral(base.alpha5),
+  textColorDisabled: neutral(base.alpha4),
+  placeholderColor: neutral(base.alpha4),
+  placeholderColorDisabled: neutral(base.alpha5),
+  iconColor: neutral(base.alpha4),
+  iconColorHover: scaleColor(neutral(base.alpha4), {
+    lightness: 0.75
+  }),
+  iconColorPressed: scaleColor(neutral(base.alpha4), {
+    lightness: 0.9
+  }),
+  iconColorDisabled: neutral(base.alpha5),
+  opacity1: base.alpha1,
+  opacity2: base.alpha2,
+  opacity3: base.alpha3,
+  opacity4: base.alpha4,
+  opacity5: base.alpha5,
+  dividerColor: 'rgb(239, 239, 245)',
+  borderColor: 'rgb(224, 224, 230)',
+  // close
+  closeIconColor: neutral(Number(base.alphaClose)),
+  closeIconColorHover: neutral(Number(base.alphaClose)),
+  closeIconColorPressed: neutral(Number(base.alphaClose)),
+  closeColorHover: 'rgba(0, 0, 0, .09)',
+  closeColorPressed: 'rgba(0, 0, 0, .13)',
+  // clear
+  clearColor: neutral(base.alpha4),
+  clearColorHover: scaleColor(neutral(base.alpha4), {
+    lightness: 0.75
+  }),
+  clearColorPressed: scaleColor(neutral(base.alpha4), {
+    lightness: 0.9
+  }),
+  scrollbarColor: overlay(base.alphaScrollbar),
+  scrollbarColorHover: overlay(base.alphaScrollbarHover),
+  scrollbarWidth: '5px',
+  scrollbarHeight: '5px',
+  scrollbarBorderRadius: '5px',
+  progressRailColor: neutral(base.alphaProgressRail),
+  railColor: 'rgb(219, 219, 223)',
+  popoverColor: base.neutralPopover,
+  tableColor: base.neutralCard,
+  cardColor: base.neutralCard,
+  modalColor: base.neutralModal,
+  bodyColor: base.neutralBody,
+  tagColor: '#eee',
+  avatarColor: neutral(base.alphaAvatar),
+  invertedColor: 'rgb(0, 20, 40)',
+  inputColor: neutral(base.alphaInput),
+  codeColor: 'rgb(244, 244, 248)',
+  tabColor: 'rgb(247, 247, 250)',
+  actionColor: 'rgb(250, 250, 252)',
+  tableHeaderColor: 'rgb(250, 250, 252)',
+  hoverColor: 'rgb(243, 243, 245)',
+  // use color with alpha since it can be nested with header filter & sorter effect
+  tableColorHover: 'rgba(0, 0, 100, 0.03)',
+  tableColorStriped: 'rgba(0, 0, 100, 0.02)',
+  pressedColor: 'rgb(237, 237, 239)',
+  opacityDisabled: base.alphaDisabled,
+  inputColorDisabled: 'rgb(250, 250, 252)',
+  // secondary button color
+  // can also be used in tertiary button & quaternary button
+  buttonColor2: 'rgba(46, 51, 56, .05)',
+  buttonColor2Hover: 'rgba(46, 51, 56, .09)',
+  buttonColor2Pressed: 'rgba(46, 51, 56, .13)',
+  boxShadow1: '0 1px 2px -2px rgba(0, 0, 0, .08), 0 3px 6px 0 rgba(0, 0, 0, .06), 0 5px 12px 4px rgba(0, 0, 0, .04)',
+  boxShadow2: '0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)',
+  boxShadow3: '0 6px 16px -9px rgba(0, 0, 0, .08), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03)'
+});
+
+var commonVariables = {
+  radioSizeSmall: '14px',
+  radioSizeMedium: '16px',
+  radioSizeLarge: '18px',
+  labelPadding: '0 8px',
+  labelFontWeight: '400'
+};
+
+function self$1(vars) {
+  const {
+    borderColor,
+    primaryColor,
+    baseColor,
+    textColorDisabled,
+    inputColorDisabled,
+    textColor2,
+    opacityDisabled,
+    borderRadius,
+    fontSizeSmall,
+    fontSizeMedium,
+    fontSizeLarge,
+    heightSmall,
+    heightMedium,
+    heightLarge,
+    lineHeight
+  } = vars;
+  return Object.assign(Object.assign({}, commonVariables), {
+    labelLineHeight: lineHeight,
+    buttonHeightSmall: heightSmall,
+    buttonHeightMedium: heightMedium,
+    buttonHeightLarge: heightLarge,
+    fontSizeSmall,
+    fontSizeMedium,
+    fontSizeLarge,
+    boxShadow: `inset 0 0 0 1px ${borderColor}`,
+    boxShadowActive: `inset 0 0 0 1px ${primaryColor}`,
+    boxShadowFocus: `inset 0 0 0 1px ${primaryColor}, 0 0 0 2px ${changeColor(primaryColor, {
+      alpha: 0.2
+    })}`,
+    boxShadowHover: `inset 0 0 0 1px ${primaryColor}`,
+    boxShadowDisabled: `inset 0 0 0 1px ${borderColor}`,
+    color: baseColor,
+    colorDisabled: inputColorDisabled,
+    colorActive: '#0000',
+    textColor: textColor2,
+    textColorDisabled,
+    dotColorActive: primaryColor,
+    dotColorDisabled: borderColor,
+    buttonBorderColor: borderColor,
+    buttonBorderColorActive: primaryColor,
+    buttonBorderColorHover: borderColor,
+    buttonColor: baseColor,
+    buttonColorActive: baseColor,
+    buttonTextColor: textColor2,
+    buttonTextColorActive: primaryColor,
+    buttonTextColorHover: primaryColor,
+    opacityDisabled,
+    buttonBoxShadowFocus: `inset 0 0 0 1px ${primaryColor}, 0 0 0 2px ${changeColor(primaryColor, {
+      alpha: 0.3
+    })}`,
+    buttonBoxShadowHover: 'inset 0 0 0 1px #0000',
+    buttonBoxShadow: 'inset 0 0 0 1px #0000',
+    buttonBorderRadius: borderRadius
+  });
+}
+const radioLight = {
+  name: 'Radio',
+  common: derived,
+  self: self$1
+};
+
+// vars:
+// --n-bezier
+// --n-box-shadow
+// --n-box-shadow-active
+// --n-box-shadow-disabled
+// --n-box-shadow-focus
+// --n-box-shadow-hover
+// --n-color
+// --n-color-disabled
+// --n-dot-color-active
+// --n-dot-color-disabled
+// --n-font-size
+// --n-radio-size
+// --n-text-color
+// --n-text-color-disabled
+// --n-label-padding
+// --n-label-line-height
+// --n-color-active
+var style = cB('radio', `
+ line-height: var(--n-label-line-height);
+ outline: none;
+ position: relative;
+ user-select: none;
+ -webkit-user-select: none;
+ display: inline-flex;
+ align-items: flex-start;
+ flex-wrap: nowrap;
+ font-size: var(--n-font-size);
+ word-break: break-word;
+`, [cM('checked', [cE('dot', `
+ background-color: var(--n-color-active);
+ `)]), cE('dot-wrapper', `
+ position: relative;
+ flex-shrink: 0;
+ flex-grow: 0;
+ width: var(--n-radio-size);
+ `), cB('radio-input', `
+ position: absolute;
+ border: 0;
+ border-radius: inherit;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ opacity: 0;
+ z-index: 1;
+ cursor: pointer;
+ `), cE('dot', `
+ position: absolute;
+ top: 50%;
+ left: 0;
+ transform: translateY(-50%);
+ height: var(--n-radio-size);
+ width: var(--n-radio-size);
+ background: var(--n-color);
+ box-shadow: var(--n-box-shadow);
+ border-radius: 50%;
+ transition:
+ background-color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier);
+ `, [c('&::before', `
+ content: "";
+ opacity: 0;
+ position: absolute;
+ left: 4px;
+ top: 4px;
+ height: calc(100% - 8px);
+ width: calc(100% - 8px);
+ border-radius: 50%;
+ transform: scale(.8);
+ background: var(--n-dot-color-active);
+ transition: 
+ opacity .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ transform .3s var(--n-bezier);
+ `), cM('checked', {
+  boxShadow: 'var(--n-box-shadow-active)'
+}, [c('&::before', `
+ opacity: 1;
+ transform: scale(1);
+ `)])]), cE('label', `
+ color: var(--n-text-color);
+ padding: var(--n-label-padding);
+ font-weight: var(--n-label-font-weight);
+ display: inline-block;
+ transition: color .3s var(--n-bezier);
+ `), cNotM('disabled', `
+ cursor: pointer;
+ `, [c('&:hover', [cE('dot', {
+  boxShadow: 'var(--n-box-shadow-hover)'
+})]), cM('focus', [c('&:not(:active)', [cE('dot', {
+  boxShadow: 'var(--n-box-shadow-focus)'
+})])])]), cM('disabled', `
+ cursor: not-allowed;
+ `, [cE('dot', {
+  boxShadow: 'var(--n-box-shadow-disabled)',
+  backgroundColor: 'var(--n-color-disabled)'
+}, [c('&::before', {
+  backgroundColor: 'var(--n-dot-color-disabled)'
+}), cM('checked', `
+ opacity: 1;
+ `)]), cE('label', {
+  color: 'var(--n-text-color-disabled)'
+}), cB('radio-input', `
+ cursor: not-allowed;
+ `)])]);
+
+const radioBaseProps = {
+  name: String,
+  value: {
+    type: [String, Number, Boolean],
+    default: 'on'
+  },
+  checked: {
+    type: Boolean,
+    default: undefined
+  },
+  defaultChecked: Boolean,
+  disabled: {
+    type: Boolean,
+    default: undefined
+  },
+  label: String,
+  size: String,
+  onUpdateChecked: [Function, Array],
+  'onUpdate:checked': [Function, Array],
+  // deprecated
+  checkedValue: {
+    type: Boolean,
+    default: undefined
+  }
+};
+const radioGroupInjectionKey = createInjectionKey('n-radio-group');
+function setup(props) {
+  if (process.env.NODE_ENV !== 'production') {
+    watchEffect(() => {
+      if (props.checkedValue !== undefined) {
+        warnOnce('radio', '`checked-value` is deprecated, please use `checked` instead.');
+      }
+    });
+  }
+  const NRadioGroup = inject(radioGroupInjectionKey, null);
+  const formItem = useFormItem(props, {
+    mergedSize(NFormItem) {
+      const {
+        size
+      } = props;
+      if (size !== undefined) return size;
+      if (NRadioGroup) {
+        const {
+          mergedSizeRef: {
+            value: mergedSize
+          }
+        } = NRadioGroup;
+        if (mergedSize !== undefined) {
+          return mergedSize;
+        }
+      }
+      if (NFormItem) {
+        return NFormItem.mergedSize.value;
+      }
+      return 'medium';
+    },
+    mergedDisabled(NFormItem) {
+      if (props.disabled) return true;
+      if (NRadioGroup === null || NRadioGroup === void 0 ? void 0 : NRadioGroup.disabledRef.value) return true;
+      if (NFormItem === null || NFormItem === void 0 ? void 0 : NFormItem.disabled.value) return true;
+      return false;
+    }
+  });
+  const {
+    mergedSizeRef,
+    mergedDisabledRef
+  } = formItem;
+  const inputRef = ref(null);
+  const labelRef = ref(null);
+  const uncontrolledCheckedRef = ref(props.defaultChecked);
+  const controlledCheckedRef = toRef(props, 'checked');
+  const mergedCheckedRef = useMergedState(controlledCheckedRef, uncontrolledCheckedRef);
+  const renderSafeCheckedRef = useMemo(() => {
+    if (NRadioGroup) return NRadioGroup.valueRef.value === props.value;
+    return mergedCheckedRef.value;
+  });
+  const mergedNameRef = useMemo(() => {
+    const {
+      name
+    } = props;
+    if (name !== undefined) return name;
+    if (NRadioGroup) return NRadioGroup.nameRef.value;
+  });
+  const focusRef = ref(false);
+  function doUpdateChecked() {
+    if (NRadioGroup) {
+      const {
+        doUpdateValue
+      } = NRadioGroup;
+      const {
+        value
+      } = props;
+      call(doUpdateValue, value);
+    } else {
+      const {
+        onUpdateChecked,
+        'onUpdate:checked': _onUpdateChecked
+      } = props;
+      const {
+        nTriggerFormInput,
+        nTriggerFormChange
+      } = formItem;
+      if (onUpdateChecked) call(onUpdateChecked, true);
+      if (_onUpdateChecked) call(_onUpdateChecked, true);
+      nTriggerFormInput();
+      nTriggerFormChange();
+      uncontrolledCheckedRef.value = true;
+    }
+  }
+  function toggle() {
+    if (mergedDisabledRef.value) return;
+    if (!renderSafeCheckedRef.value) {
+      doUpdateChecked();
+    }
+  }
+  function handleRadioInputChange() {
+    toggle();
+    // Restore element check prop's value to current state, since if doesn't
+    // reflect current VNode. If not, bug will happens in component with element
+    // that has internal state such as <input />.
+    if (inputRef.value) {
+      inputRef.value.checked = renderSafeCheckedRef.value;
+    }
+  }
+  function handleRadioInputBlur() {
+    focusRef.value = false;
+  }
+  function handleRadioInputFocus() {
+    focusRef.value = true;
+  }
+  return {
+    mergedClsPrefix: NRadioGroup ? NRadioGroup.mergedClsPrefixRef : useConfig(props).mergedClsPrefixRef,
+    inputRef,
+    labelRef,
+    mergedName: mergedNameRef,
+    mergedDisabled: mergedDisabledRef,
+    renderSafeChecked: renderSafeCheckedRef,
+    focus: focusRef,
+    mergedSize: mergedSizeRef,
+    handleRadioInputChange,
+    handleRadioInputBlur,
+    handleRadioInputFocus
+  };
+}
+
+const radioProps = Object.assign(Object.assign({}, useTheme.props), radioBaseProps);
+var NRadio = defineComponent({
+  name: 'Radio',
+  props: radioProps,
+  setup(props) {
+    const radio = setup(props);
+    const themeRef = useTheme('Radio', '-radio', style, radioLight, props, radio.mergedClsPrefix);
+    const cssVarsRef = computed(() => {
+      const {
+        mergedSize: {
+          value: size
+        }
+      } = radio;
+      const {
+        common: {
+          cubicBezierEaseInOut
+        },
+        self: {
+          boxShadow,
+          boxShadowActive,
+          boxShadowDisabled,
+          boxShadowFocus,
+          boxShadowHover,
+          color,
+          colorDisabled,
+          colorActive,
+          textColor,
+          textColorDisabled,
+          dotColorActive,
+          dotColorDisabled,
+          labelPadding,
+          labelLineHeight,
+          labelFontWeight,
+          [createKey('fontSize', size)]: fontSize,
+          [createKey('radioSize', size)]: radioSize
+        }
+      } = themeRef.value;
+      return {
+        '--n-bezier': cubicBezierEaseInOut,
+        '--n-label-line-height': labelLineHeight,
+        '--n-label-font-weight': labelFontWeight,
+        '--n-box-shadow': boxShadow,
+        '--n-box-shadow-active': boxShadowActive,
+        '--n-box-shadow-disabled': boxShadowDisabled,
+        '--n-box-shadow-focus': boxShadowFocus,
+        '--n-box-shadow-hover': boxShadowHover,
+        '--n-color': color,
+        '--n-color-active': colorActive,
+        '--n-color-disabled': colorDisabled,
+        '--n-dot-color-active': dotColorActive,
+        '--n-dot-color-disabled': dotColorDisabled,
+        '--n-font-size': fontSize,
+        '--n-radio-size': radioSize,
+        '--n-text-color': textColor,
+        '--n-text-color-disabled': textColorDisabled,
+        '--n-label-padding': labelPadding
+      };
+    });
+    const {
+      inlineThemeDisabled,
+      mergedClsPrefixRef,
+      mergedRtlRef
+    } = useConfig(props);
+    const rtlEnabledRef = useRtl('Radio', mergedRtlRef, mergedClsPrefixRef);
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass('radio', computed(() => radio.mergedSize.value[0]), cssVarsRef, props) : undefined;
+    return Object.assign(radio, {
+      rtlEnabled: rtlEnabledRef,
+      cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+      themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+      onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+    });
+  },
+  render() {
+    const {
+      $slots,
+      mergedClsPrefix,
+      onRender,
+      label
+    } = this;
+    onRender === null || onRender === void 0 ? void 0 : onRender();
+    return h("label", {
+      class: [`${mergedClsPrefix}-radio`, this.themeClass, this.rtlEnabled && `${mergedClsPrefix}-radio--rtl`, this.mergedDisabled && `${mergedClsPrefix}-radio--disabled`, this.renderSafeChecked && `${mergedClsPrefix}-radio--checked`, this.focus && `${mergedClsPrefix}-radio--focus`],
+      style: this.cssVars
+    }, h("input", {
+      ref: "inputRef",
+      type: "radio",
+      class: `${mergedClsPrefix}-radio-input`,
+      value: this.value,
+      name: this.mergedName,
+      checked: this.renderSafeChecked,
+      disabled: this.mergedDisabled,
+      onChange: this.handleRadioInputChange,
+      onFocus: this.handleRadioInputFocus,
+      onBlur: this.handleRadioInputBlur
+    }), h("div", {
+      class: `${mergedClsPrefix}-radio__dot-wrapper`
+    }, "\u00A0", h("div", {
+      class: [`${mergedClsPrefix}-radio__dot`, this.renderSafeChecked && `${mergedClsPrefix}-radio__dot--checked`]
+    })), resolveWrappedSlot($slots.default, children => {
+      if (!children && !label) return null;
+      return h("div", {
+        ref: "labelRef",
+        class: `${mergedClsPrefix}-radio__label`
+      }, children || label);
+    }));
+  }
+});
+
+const props = {
+  ..._VkTabelsV1Ctx.props,
+  /**
+   * @description v-model 绑定值
+   * @property {Array} modelValue
+   */
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * 必须保证主键唯一且生效，选择逻辑才生效
+   *
+   */
+  oidField: {
+    type: String,
+    default: "id"
+  },
+  /**
+   * 是否禁用
+   * @property
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * 允许多个
+   */
+  multiple: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   *  隐藏选择列
+   */
+  selectionHidden: {
+    type: Boolean,
+    default: false
+  }
+};
+const emits = {
+  ..._VkTabelsV1Ctx.emits,
+  "update:modelValue": (val) => Array.isArray(val)
+};
+
+const radioThemeOverrides = {
+  dotColorActive: "var(--el-color-primary)",
+  boxShadowActive: "inset 0 0 0 1px var(--el-color-primary)",
+  boxShadowHover: "inset 0 0 0 1px var(--el-color-primary)",
+  boxShadowFocus: "inset 0 0 0 1px var(--el-color-primary), 0 0 0 2px rgba(24, 160, 88, 0.2)"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  name: "VkTablesV1Checkbox",
+  components: {
+    VkCheckRecordLogicProvider,
+    VkTablesV1
+  },
+  inheritAttrs: false,
+  props,
+  emits,
+  setup(props2, {
+    emit
+  }) {
+    const coreProps = _VkTabelsV1Ctx.createBindProps(props2, ["columns"]);
+    const coreEmits = _VkTabelsV1Ctx.createOnEmits(emit);
+    const getCurrentPageCheckInfo = () => {
+      const oidField = props2.oidField;
+      const allCheckedId = props2.modelValue.map(d => d[oidField]);
+      const checkedNodes = [];
+      const uncheckedNodes = [];
+      props2.data.forEach(d => {
+        if (allCheckedId.includes(d[oidField])) {
+          checkedNodes.push(d);
+        } else {
+          uncheckedNodes.push(d);
+        }
+      });
+      return {
+        checkedNodes,
+        uncheckedNodes
+      };
+    };
+    function singleChange(row) {
+      const current = props2.modelValue[0];
+      if (current && current[props2.oidField] === row[props2.oidField]) {
+        emit("update:modelValue", []);
+        return;
+      }
+      emit("update:modelValue", [row]);
+    }
+    function headerCheckboxChange(checked, uncheckedNodes) {
+      if (checked) {
+        emit("update:modelValue", [...props2.modelValue, ...uncheckedNodes]);
+      } else {
+        emit("update:modelValue", props2.modelValue.filter(d => {
+          const id = d[props2.oidField];
+          return !props2.data.some(d2 => d2[props2.oidField] === id);
+        }));
+      }
+    }
+    const checkboxCol = {
+      prop: void 0,
+      label: "",
+      width: "50",
+      align: "center",
+      headerAlign: "center",
+      slots: {
+        default: e => createVNode(VkCheckRecordLogic, {
+          "custom": true,
+          "name": e.row
+        }, {
+          default: ({
+            toggle,
+            isActive
+          }) => {
+            const onChange = props2.multiple ? toggle : () => singleChange(e.row);
+            return props2.multiple ? createVNode(ElCheckbox, {
+              "disabled": props2.disabled,
+              "modelValue": isActive,
+              "onChange": onChange
+            }, null) : createVNode(NRadio, {
+              "disabled": props2.disabled,
+              "checked": isActive,
+              "onUpdate:checked": onChange,
+              "theme-overrides": radioThemeOverrides
+            }, null);
+          }
+        }),
+        header: () => {
+          if (!props2.multiple) return "";
+          const {
+            checkedNodes,
+            uncheckedNodes
+          } = getCurrentPageCheckInfo();
+          return createVNode(ElCheckbox, {
+            "disabled": props2.disabled,
+            "indeterminate": checkedNodes.length > 0 && checkedNodes.length < props2.data.length,
+            "modelValue": checkedNodes.length && checkedNodes.length === props2.data.length,
+            "onUpdate:modelValue": checked => headerCheckboxChange(checked, uncheckedNodes)
+          }, null);
+        }
+      }
+    };
+    return {
+      coreProps,
+      coreEmits,
+      checkboxCol
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkTablesV1 = resolveComponent("VkTablesV1");
+  const _component_VkCheckRecordLogicProvider = resolveComponent("VkCheckRecordLogicProvider");
+  return openBlock(), createBlock(_component_VkCheckRecordLogicProvider, {
+    "allow-extra": true,
+    "model-value": _ctx.modelValue,
+    "oid-field": _ctx.oidField,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_VkTablesV1, mergeProps({
+        ..._ctx.coreProps,
+        ..._ctx.$attrs
+      }, {
+        columns: [
+          _ctx.selectionHidden ? { hidden: true } : _ctx.checkboxCol,
+          ..._ctx.columns
+        ]
+      }, toHandlers(_ctx.coreEmits)), null, 16, ["columns"])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["model-value", "oid-field"]);
+}
+var VkTablesV1Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/tables-v1-checkbox/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+    __proto__: null
+});
+
+VkTablesV1Checkbox.install = (app) => {
+  app.component(VkTablesV1Checkbox.name || "VkTablesV1Checkbox", VkTablesV1Checkbox);
+};
+
+export { VkTablesV1Checkbox, types as __VkTablesV1Checkbox, VkTablesV1Checkbox as default };