antd-solid 0.0.5 → 0.0.6

package/dist/index.esm.js

@@ -1,2369 +0,0 @@
-import { delegateEvents, use, insert, createComponent, effect, className, style, template, mergeProps as mergeProps$1, Dynamic, render, memo, Portal, setAttribute, spread } from 'solid-js/web';
-import { mergeProps, createSignal, createMemo, Show, createEffect, on, splitProps, untrack, For, onMount, onCleanup, children, createSelector, createContext, useContext, Index, Switch as Switch$1, Match } from 'solid-js';
-import cs from 'classnames';
-import { omit, isNil, clamp, compact, isEmpty, max, get, set, mapValues } from 'lodash-es';
-import React, { useRef, useEffect } from 'react';
-import { ConfigProvider, DatePicker as DatePicker$1, ColorPicker as ColorPicker$1, Progress as Progress$1, Upload as Upload$1, Skeleton as Skeleton$1, Image as Image$2 } from 'antd';
-export { message } from 'antd';
-import { createRoot } from 'react-dom/client';
-import { nanoid } from 'nanoid';
-import { Transition } from 'solid-transition-group';
-
-const _tmpl$$q = /*#__PURE__*/template(`<span class="i-ant-design:loading ant-[vertical-align:-0.125em] keyframes-spin ant-[animation:spin_1s_linear_infinite] ant-mr-8px">`),
-  _tmpl$2$d = /*#__PURE__*/template(`<button><span>`);
-const sizeClassMap = {
-  large: 'ant-px-15px ant-py-6px ant-h-40px ant-rounded-8px',
-  middle: 'ant-px-15px ant-py-4px ant-h-32px ant-rounded-6px',
-  small: 'ant-px-7px ant-h-24px ant-rounded-4px',
-  plain: 'ant-p-0'
-};
-const typeClassMap = {
-  default: danger => cs('ant-bg-white', danger ? 'ant-[border:1px_solid_var(--ant-color-error)] ant-text-[var(--ant-color-error)] hover:ant-[border-color:var(--light-error-color)] hover:ant-text-[var(--light-error-color)] active:ant-[border-color:var(--dark-error-color)] active:ant-text-[var(--dark-error-color)]' : 'ant-[border:1px_solid_var(--ant-color-border)] ant-text-[var(--dark-color)] hover:ant-[border-color:var(--light-primary-color)] hover:ant-text-[var(--light-primary-color)] active:ant-[border-color:var(--dark-primary-color)] active:ant-text-[var(--dark-primary-color)]'),
-  primary: danger => cs('ant-border-none ant-text-white', danger ? 'ant-bg-[var(--ant-color-error)] hover:ant-bg-[var(--light-error-color)] active:ant-bg-[var(--dark-error-color)]' : 'ant-bg-[var(--primary-color)] hover:ant-bg-[var(--light-primary-color)] active:ant-bg-[var(--dark-primary-color)]'),
-  dashed: danger => cs(' ant-bg-white', danger ? 'ant-[border:1px_dashed_var(--ant-color-error)] ant-text-[var(--ant-color-error)] hover:ant-[border-color:var(--light-error-color)] hover:ant-text-[var(--light-error-color)] active:ant-[border-color:var(--dark-error-color)] active:ant-text-[var(--dark-error-color)]' : 'ant-[border:1px_dashed_var(--ant-color-border)] ant-text-[var(--dark-color)] hover:ant-[border-color:var(--light-primary-color)] hover:ant-text-[var(--light-primary-color)] active:ant-[border-color:var(--dark-primary-color)] active:ant-text-[var(--dark-primary-color)]'),
-  text: danger => cs('ant-border-none ant-bg-transparent', danger ? 'ant-text-[var(--ant-color-error)] hover:ant-bg-[var(--error-bg-color)] active:ant-bg-[var(--error-bg-color)]' : 'ant-text-[var(--dark-color)] hover:ant-bg-[rgba(0,0,0,0.06)] active:ant-bg-[rgba(0,0,0,.15)]'),
-  link: danger => cs('ant-border-none ant-bg-transparent', danger ? 'ant-text-[var(--ant-color-error)] hover:ant-text-[var(--light-error-color)] active:ant-text-[var(--dark-error-color)]' : 'ant-text-[var(--primary-color)] hover:ant-text-[var(--light-primary-color)] active:ant-text-[var(--dark-primary-color)]')
-};
-const Button = props => {
-  const mergedProps = mergeProps({
-    type: 'default',
-    size: 'middle'
-  }, props);
-  const [innerLoading, setLoading] = createSignal(false);
-  const loading = createMemo(() => props.loading ?? innerLoading());
-  return (() => {
-    const _el$ = _tmpl$2$d(),
-      _el$3 = _el$.firstChild;
-    _el$.$$click = e => {
-      const res = mergedProps.onClick?.(e);
-      if (res instanceof Promise) {
-        setLoading(true);
-        res.finally(() => setLoading(false));
-      }
-      if (mergedProps.type === 'default' || mergedProps.type === 'primary' || mergedProps.type === 'dashed') {
-        const div = document.createElement('div');
-        div.className = cs(props.danger ? 'ant-[--color:var(--light-error-color)]' : 'ant-[--color:var(--light-primary-color)]', 'ant-absolute ant-inset-0 ant-rounded-inherit ant-[background:radial-gradient(var(--color),rgba(0,0,0,0))] ant-z--1 ant-keyframes-button-border[inset:0px][inset:-6px] ant-[animation:button-border_ease-out_0.3s]');
-        const onAnimationEnd = () => {
-          div.remove();
-          div.removeEventListener('animationend', onAnimationEnd);
-        };
-        div.addEventListener('animationend', onAnimationEnd);
-        e.currentTarget.insertBefore(div, e.currentTarget.childNodes[0]);
-      }
-    };
-    const _ref$ = mergedProps.ref;
-    typeof _ref$ === "function" ? use(_ref$, _el$) : mergedProps.ref = _el$;
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return loading();
-      },
-      get children() {
-        return _tmpl$$q();
-      }
-    }), _el$3);
-    insert(_el$3, () => mergedProps.children);
-    effect(_p$ => {
-      const _v$ = cs('ant-relative ant-cursor-pointer', mergedProps.class, sizeClassMap[mergedProps.size], typeClassMap[mergedProps.type](props.danger ?? false), loading() && 'ant-opacity-65', 'ant-[--color:--light-primary-color]'),
-        _v$2 = mergedProps.style;
-      _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
-      _p$._v$2 = style(_el$, _v$2, _p$._v$2);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-    return _el$;
-  })();
-};
-delegateEvents(["click"]);
-
-/**
- * 等同于 createEffect，但是会忽略首次执行，只在依赖更新时执行。
- */
-function createUpdateEffect(deps, fn) {
-  createEffect(on(deps, fn, {
-    defer: true
-  }));
-}
-
-function createControllableValue(props, options = {}) {
-  const {
-    defaultValuePropName = 'defaultValue',
-    valuePropName = 'value',
-    trigger = 'onChange'
-  } = options;
-  const getValue = () => props[valuePropName];
-  // 为什么不使用 Object.hasOwn？
-  // solid 的 proxy 对象对于任何 key，都会返回 true
-  const isControlled = () => Object.keys(props).includes(valuePropName);
-  let defaultValue = options.defaultValue;
-  if (isControlled()) {
-    defaultValue = getValue();
-  } else if (Object.keys(props).includes(defaultValuePropName)) {
-    defaultValue = props[defaultValuePropName];
-  }
-  const [value, _setValue] = createSignal(defaultValue);
-  createUpdateEffect(getValue, () => {
-    if (!isControlled()) return;
-    _setValue(getValue());
-  });
-  const setValue = v => {
-    const newValue = typeof v === 'function' ? v(value()) : v;
-    if (!isControlled()) {
-      _setValue(newValue);
-    }
-    if (trigger) {
-      const onChange = props[trigger];
-      if (typeof onChange === 'function') {
-        onChange(newValue);
-      }
-    }
-    return newValue;
-  };
-  return [value, setValue];
-}
-
-const _tmpl$$p = /*#__PURE__*/template(`<div class="ant-compact ant-flex">`);
-function Compact(props) {
-  return (() => {
-    const _el$ = _tmpl$$p();
-    insert(_el$, () => props.children);
-    return _el$;
-  })();
-}
-Compact.compactItemClass = 'p[.ant-compact]:ant-ml--1px';
-Compact.compactItemRounded0Class = 'p[.ant-compact>*]:ant-rounded-0';
-Compact.compactItemRoundedLeftClass = 'p[.ant-compact>:first-child]:ant-rounded-l-6px';
-Compact.compactItemRoundedRightClass = 'p[.ant-compact>:last-child]:ant-rounded-r-6px';
-Compact.compactItemZIndexClass = 'p[.ant-compact>*]:focus:ant-z-10 p[.ant-compact>*]:focus-within:ant-z-10';
-
-const _tmpl$$o = /*#__PURE__*/template(`<div>`),
-  _tmpl$2$c = /*#__PURE__*/template(`<div class="ant-mr-4px">`),
-  _tmpl$3$9 = /*#__PURE__*/template(`<div class="ant-ml-4px">`),
-  _tmpl$4$5 = /*#__PURE__*/template(`<div class="ant-[display:var(--input-after-display)] ant-absolute ant-top-0 ant-bottom-0 ant-right-0 ant-h-[calc(100%-2px)] ant-translate-y-1px -ant-translate-x-1px">`);
-const statusClassDict = {
-  default: disabled => cs('ant-[border:1px_solid_var(--ant-color-border)]', !disabled && 'hover:ant-border-[var(--primary-color)] focus-within:ant-border-[var(--primary-color)] focus-within:ant-[box-shadow:0_0_0_2px_rgba(5,145,255,0.1)]'),
-  error: disabled => cs('ant-[border:1px_solid_var(--ant-color-error)]', !disabled && 'hover:ant-border-[var(--light-error-color)] focus-within:ant-[box-shadow:0_0_0_2px_rgba(255,38,5,.06)]'),
-  warning: disabled => cs('ant-[border:1px_solid_var(--warning-color)]', !disabled && 'hover:ant-border-[var(--color-warning-border-hover)] focus-within:ant-[box-shadow:0_0_0_2px_rgba(255,215,5,.1)]')
-};
-function CommonInput(props) {
-  const [{
-    style: style$1,
-    onChange,
-    onPressEnter,
-    onKeyDown
-  }, inputProps] = splitProps(props, ['defaultValue', 'value', 'class', 'addonBefore', 'addonAfter', 'suffix', 'onChange', 'onPressEnter', 'onKeyDown', 'actions', 'style']);
-  const [_, controllableProps] = splitProps(props, ['onChange']);
-  const [value, setValue] = createControllableValue(controllableProps);
-  const inputWrapClass = createMemo(() => cs('ant-px-11px ant-py-4px ant-rounded-6px', !props.textarea && 'ant-h-32px', props.addonBefore ? 'ant-rounded-l-0' : Compact.compactItemRoundedLeftClass, props.addonAfter ? 'ant-rounded-r-0' : Compact.compactItemRoundedRightClass, statusClassDict[props.status ?? 'default'](!!inputProps.disabled), Compact.compactItemRounded0Class, Compact.compactItemZIndexClass));
-  const hasPrefixOrSuffix = createMemo(() => !isNil(props.prefix) || !isNil(props.suffix) || !isNil(props.actions));
-  const inputJSX = createComponent(Dynamic, mergeProps$1({
-    get component() {
-      return props.textarea ? 'textarea' : 'input';
-    }
-  }, inputProps, {
-    get ["class"]() {
-      return cs('ant-w-full ant-[outline:none] ant-text-14px', !hasPrefixOrSuffix() && inputWrapClass(), inputProps.disabled && 'ant-bg-[var(--ant-color-bg-container-disabled)] ant-cursor-not-allowed');
-    },
-    get value() {
-      return value() ?? '';
-    },
-    onInput: e => {
-      setValue(e.target.value);
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      onChange?.(e);
-      if (Object.keys(props).includes('value')) {
-        e.target.value = value();
-      }
-    },
-    onKeyDown: e => {
-      if (e.key === 'Enter') {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        onPressEnter?.(e);
-      }
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      onKeyDown?.(e);
-    }
-  }));
-  return (() => {
-    const _el$ = _tmpl$$o();
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return props.addonBefore;
-      },
-      get children() {
-        const _el$2 = _tmpl$$o();
-        insert(_el$2, () => props.addonBefore);
-        effect(() => className(_el$2, cs('ant-shrink-0 ant-flex ant-justify-center ant-items-center ant-px-11px ant-bg-[rgba(0,0,0,.02)] ant-[border:1px_solid_var(--ant-color-border)] ant-border-r-0 ant-rounded-l-6px ant-text-14px', Compact.compactItemRounded0Class, Compact.compactItemRoundedLeftClass)));
-        return _el$2;
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return hasPrefixOrSuffix();
-      },
-      fallback: inputJSX,
-      get children() {
-        const _el$3 = _tmpl$$o();
-        insert(_el$3, createComponent(Show, {
-          get when() {
-            return props.prefix;
-          },
-          get children() {
-            const _el$4 = _tmpl$2$c();
-            insert(_el$4, () => props.prefix);
-            return _el$4;
-          }
-        }), null);
-        insert(_el$3, inputJSX, null);
-        insert(_el$3, createComponent(Show, {
-          get when() {
-            return props.suffix;
-          },
-          get children() {
-            const _el$5 = _tmpl$3$9();
-            insert(_el$5, () => props.suffix);
-            return _el$5;
-          }
-        }), null);
-        insert(_el$3, createComponent(Show, {
-          get when() {
-            return props.actions;
-          },
-          get children() {
-            const _el$6 = _tmpl$4$5();
-            insert(_el$6, () => props.actions);
-            return _el$6;
-          }
-        }), null);
-        effect(() => className(_el$3, cs('ant-flex ant-items-center ant-w-full ant-relative ant-[--input-after-display:none] hover:ant-[--input-after-display:block] p:hover-child[input]:ant-border-[var(--primary-color)]', inputWrapClass())));
-        return _el$3;
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return props.addonAfter;
-      },
-      get children() {
-        const _el$7 = _tmpl$$o();
-        insert(_el$7, () => props.addonAfter);
-        effect(() => className(_el$7, cs('ant-shrink-0 ant-flex ant-justify-center ant-items-center ant-px-11px ant-bg-[rgba(0,0,0,.02)] ant-[border:1px_solid_var(--ant-color-border)] ant-border-l-0 ant-rounded-r-6px ant-text-14px', Compact.compactItemRounded0Class, Compact.compactItemRoundedRightClass)));
-        return _el$7;
-      }
-    }), null);
-    effect(_p$ => {
-      const _v$ = cs('ant-flex ant-w-full', Compact.compactItemClass),
-        _v$2 = style$1;
-      _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
-      _p$._v$2 = style(_el$, _v$2, _p$._v$2);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-    return _el$;
-  })();
-}
-const Input = props => {
-  return createComponent(CommonInput, mergeProps$1(() => omit(props, ['actions'])));
-};
-Input.TextArea = props => {
-  return createComponent(CommonInput, mergeProps$1({
-    textarea: true
-  }, () => omit(props, ['prefix', 'suffix', 'actions'])));
-};
-
-const SolidToReact = ({
-  children,
-  container
-}) => {
-  const ref = useRef();
-  useEffect(() => render(() => children, ref.current), []);
-  // if (import.meta.env.SSR) {
-  //   return React.createElement('div', {
-  //     dangerouslySetInnerHTML: { __html: renderToString(() => children) },
-  //   })
-  // }
-  return container ? React.cloneElement(container, {
-    ref
-  }) : React.createElement('div', {
-    ref,
-    role: 'SolidToReact'
-  });
-};
-
-/**
- * 判断 JSXElement 是否是基础类型
- * @param value JSXElement
- * @returns
- */
-function isBaseType(value) {
-  return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || value === null || value === undefined;
-}
-function solidToReact(children) {
-  return isBaseType(children) ? children : React.createElement(SolidToReact, {
-    children
-  });
-}
-function dispatchEventHandlerUnion(handler, e) {
-  if (isNil(handler)) {
-    return;
-  }
-  if (typeof handler === 'function') {
-    handler(e);
-    return;
-  }
-  handler[0](handler[1], e);
-}
-function unwrapStringOrJSXElement(value) {
-  return typeof value === 'function' ? value() : value;
-}
-
-const _tmpl$$n = /*#__PURE__*/template(`<div class="ant-flex ant-flex-col ant-h-full ant-w-24px ant-[border-left:1px_solid_var(--ant-color-border)]"><div class="ant-text-12px ant-flex ant-justify-center ant-items-center ant-h-1/2 ant-cursor-pointer ant-opacity-70 hover:ant-h-100% hover:ant-text-[var(--primary-color)] ant-transition-color ant-transition-height ant-transition-duration-500"><div class="i-ant-design:up-outlined"></div></div><div class="ant-[border-top:1px_solid_var(--ant-color-border)] ant-text-12px ant-flex ant-justify-center ant-items-center ant-h-1/2 ant-cursor-pointer ant-opacity-70 hover:ant-h-100% hover:ant-text-[var(--primary-color)] ant-transition-color ant-transition-height ant-transition-duration-500"><div class="i-ant-design:down-outlined">`);
-const isEmptyValue = value => isNil(value) || value === '';
-const InputNumber = _props => {
-  const props = mergeProps({
-    min: -Infinity,
-    max: Infinity
-  }, _props);
-  const [_, inputProps] = splitProps(props, ['defaultValue', 'value', 'onChange', 'onBlur']);
-  const clampValue = v => untrack(() => clamp(v, props.min, props.max));
-  let prev = null;
-  const updatePrev = v => {
-    if (prev === v) return;
-    prev = v;
-    props.onChange?.(prev);
-  };
-  const [value, setValue] = createSignal(untrack(() => props.value ?? props.defaultValue));
-  createEffect(on(() => props.value, () => {
-    setValue(props.value);
-  }, {
-    defer: true
-  }));
-  const add = addon => {
-    let newValue;
-    if (isEmptyValue(value())) {
-      newValue = clampValue(addon);
-    } else {
-      const num = Number(value());
-      newValue = Number.isNaN(num) ? null : clampValue(num + addon);
-    }
-    if (!Object.keys(props).includes('value')) {
-      setValue(newValue);
-    }
-    updatePrev(newValue);
-  };
-  const up = () => {
-    add(1);
-  };
-  const down = () => {
-    add(-1);
-  };
-  return createComponent(CommonInput, mergeProps$1(inputProps, {
-    get actions() {
-      return (() => {
-        const _el$ = _tmpl$$n(),
-          _el$2 = _el$.firstChild,
-          _el$3 = _el$2.nextSibling;
-        _el$2.$$click = up;
-        _el$3.$$click = down;
-        return _el$;
-      })();
-    },
-    get value() {
-      return `${value() ?? ''}`;
-    },
-    onKeyDown: e => {
-      switch (e.key) {
-        case 'ArrowUp':
-          up();
-          e.preventDefault();
-          return;
-        case 'ArrowDown':
-          down();
-          e.preventDefault();
-      }
-    },
-    onChange: e => {
-      const newValue = e.target.value;
-      setValue(newValue);
-      let newValueNum = Number(newValue);
-      if (Number.isNaN(newValueNum)) return;
-      if (isEmptyValue(newValue)) {
-        newValueNum = null;
-      } else {
-        newValueNum = clampValue(newValueNum);
-      }
-      updatePrev(newValueNum);
-    },
-    onBlur: e => {
-      setValue(props.value ?? prev);
-      dispatchEventHandlerUnion(props.onBlur, e);
-    }
-  }));
-};
-delegateEvents(["click"]);
-
-const _tmpl$$m = /*#__PURE__*/template(`<div class="ant-flex ant-flex-col ant-gap-[16px]">`),
-  _tmpl$2$b = /*#__PURE__*/template(`<div class="ant-flex ant-relative"><div class="ant-w-[10px] ant-h-[10px] ant-border-solid ant-border-width-[3px] ant-border-[var(--primary-color)] ant-bg-white ant-rounded-[50%] ant-mt-[8px]"></div><div class="ant-ml-[8px]">`),
-  _tmpl$3$8 = /*#__PURE__*/template(`<div class="ant-absolute ant-top-[8px] ant-bottom-[-24px] ant-left-[4px] ant-w-[2px] ant-bg-[rgba(5,5,5,.06)]">`);
-const Timeline = props => {
-  return (() => {
-    const _el$ = _tmpl$$m();
-    insert(_el$, createComponent(For, {
-      get each() {
-        return props.items;
-      },
-      children: (item, i) => (() => {
-        const _el$2 = _tmpl$2$b(),
-          _el$3 = _el$2.firstChild,
-          _el$4 = _el$3.nextSibling;
-        insert(_el$2, (() => {
-          const _c$ = memo(() => i() !== props.items.length - 1);
-          return () => _c$() && _tmpl$3$8();
-        })(), _el$3);
-        insert(_el$4, () => item.children?.());
-        return _el$2;
-      })()
-    }));
-    return _el$;
-  })();
-};
-
-const _tmpl$$l = /*#__PURE__*/template(`<span class="i-ant-design:close-outlined">`),
-  _tmpl$2$a = /*#__PURE__*/template(`<div class="ant-flex ant-gap-8px ant-justify-end">`),
-  _tmpl$3$7 = /*#__PURE__*/template(`<div class="ant-mt-12px">`),
-  _tmpl$4$4 = /*#__PURE__*/template(`<div><div class="ant-text-[rgba(0,0,0,.88)] ant-text-16px ant-font-600 ant-mb-8px"></div><div class="ant-grow">`),
-  _tmpl$5$1 = /*#__PURE__*/template(`<div>`),
-  _tmpl$6$1 = /*#__PURE__*/template(`<span class="i-ant-design:exclamation-circle ant-text-22px ant-mr-12px ant-text-[var(--warning-color)]">`),
-  _tmpl$7 = /*#__PURE__*/template(`<div class="ant-ml-34px">`);
-function Modal(_props) {
-  const props = mergeProps({
-    footer: true
-  }, _props);
-  const [open, setOpen] = createSignal(props.defaultOpen ?? false);
-  const [hide, setHide] = createSignal(false);
-  const instance = {
-    open() {
-      setOpen(true);
-      setHide(false);
-    },
-    close() {
-      untrack(() => {
-        if (props.destroyOnClose) {
-          setOpen(false);
-        } else {
-          setHide(true);
-        }
-      });
-    }
-  };
-  untrack(() => {
-    if (typeof props.ref === 'function') {
-      props.ref?.(instance);
-    }
-  });
-  const close = () => {
-    instance.close();
-    props.afterClose?.();
-  };
-  const [confirmLoading, setConfirmLoading] = createSignal(false);
-  return createComponent(Show, {
-    get when() {
-      return open();
-    },
-    get children() {
-      return createComponent(Portal, {
-        get children() {
-          const _el$ = _tmpl$5$1();
-          _el$.$$click = () => {
-            if (props.maskClosable ?? true) {
-              close();
-            }
-          };
-          insert(_el$, createComponent(Show, {
-            get when() {
-              return typeof props.modalRender !== 'function';
-            },
-            get fallback() {
-              return props.modalRender();
-            },
-            get children() {
-              const _el$2 = _tmpl$4$4(),
-                _el$4 = _el$2.firstChild,
-                _el$5 = _el$4.nextSibling;
-              _el$2.$$click = e => {
-                e.stopPropagation();
-              };
-              insert(_el$2, createComponent(Show, {
-                get when() {
-                  return props.closeIcon !== false;
-                },
-                get children() {
-                  return createComponent(Button, {
-                    type: "text",
-                    get ["class"]() {
-                      return cs('ant-rm-size-btn !ant-w-22px !ant-h-22px !ant-flex !ant-justify-center !ant-items-center ant-text-center ant-text-18px !ant-absolute !ant-top-16px !ant-right-16px ant-z-1000 ant-text-[rgba(0,0,0,.45)] hover:!ant-text-[rgba(0,0,0,.88)]');
-                    },
-                    onClick: close,
-                    get children() {
-                      return _tmpl$$l();
-                    }
-                  });
-                }
-              }), _el$4);
-              insert(_el$4, () => props.title);
-              insert(_el$5, () => props.children);
-              insert(_el$2, createComponent(Show, {
-                get when() {
-                  return props.footer !== false;
-                },
-                get children() {
-                  const _el$6 = _tmpl$3$7();
-                  insert(_el$6, createComponent(Show, {
-                    get when() {
-                      return typeof props.footer !== 'function';
-                    },
-                    get fallback() {
-                      return memo(() => typeof props.footer === 'function')() && props.footer(instance);
-                    },
-                    get children() {
-                      const _el$7 = _tmpl$2$a();
-                      insert(_el$7, createComponent(Button, {
-                        onClick: close,
-                        children: "\u53D6\u6D88"
-                      }), null);
-                      insert(_el$7, createComponent(Button, {
-                        type: "primary",
-                        get loading() {
-                          return confirmLoading();
-                        },
-                        onClick: async () => {
-                          if (!props.onOk) return;
-                          let res = props.onOk?.();
-                          if (res instanceof Promise) {
-                            setConfirmLoading(true);
-                            res = await res.finally(() => setConfirmLoading(false));
-                          }
-                          if (res) {
-                            instance.close();
-                          }
-                        },
-                        children: "\u786E\u5B9A"
-                      }), null);
-                      return _el$7;
-                    }
-                  }));
-                  return _el$6;
-                }
-              }), null);
-              effect(_p$ => {
-                const _v$ = cs('ant-absolute ant-px-24px ant-py-20px ant-rounded-8px ant-overflow-hidden ant-bg-white ant-flex ant-flex-col',
-                  // '!ant-[animation-duration:.5s]',
-                  !props.centered && 'ant-top-100px'),
-                  _v$2 = props.width ?? '520px',
-                  _v$3 = props.height;
-                _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
-                _v$2 !== _p$._v$2 && ((_p$._v$2 = _v$2) != null ? _el$2.style.setProperty("width", _v$2) : _el$2.style.removeProperty("width"));
-                _v$3 !== _p$._v$3 && ((_p$._v$3 = _v$3) != null ? _el$2.style.setProperty("height", _v$3) : _el$2.style.removeProperty("height"));
-                return _p$;
-              }, {
-                _v$: undefined,
-                _v$2: undefined,
-                _v$3: undefined
-              });
-              return _el$2;
-            }
-          }));
-          effect(_p$ => {
-            const _v$4 = cs('ant-fixed ant-justify-center ant-inset-0 ant-bg-[rgba(0,0,0,.45)] ant-flex ant-z-1000', props.centered && 'ant-items-center'),
-              _v$5 = hide() ? 'none' : undefined;
-            _v$4 !== _p$._v$4 && className(_el$, _p$._v$4 = _v$4);
-            _v$5 !== _p$._v$5 && ((_p$._v$5 = _v$5) != null ? _el$.style.setProperty("display", _v$5) : _el$.style.removeProperty("display"));
-            return _p$;
-          }, {
-            _v$4: undefined,
-            _v$5: undefined
-          });
-          return _el$;
-        }
-      });
-    }
-  });
-}
-Modal.warning = props => {
-  const div = document.createElement('div');
-  document.body.appendChild(div);
-  const dispose = render(() => createComponent(Modal, mergeProps$1({
-    width: "416px",
-    maskClosable: false,
-    closeIcon: false
-  }, props, {
-    get title() {
-      return [_tmpl$6$1(), memo(() => props.title)];
-    },
-    get children() {
-      return (() => {
-        const _el$9 = _tmpl$7();
-        insert(_el$9, () => props.children);
-        return _el$9;
-      })();
-    },
-    defaultOpen: true,
-    afterClose: () => {
-      document.body.removeChild(div);
-      dispose();
-      props.afterClose?.();
-    }
-  })), div);
-};
-delegateEvents(["click"]);
-
-const _tmpl$$k = /*#__PURE__*/template(`<div role="ReactToSolid">`);
-function ReactToSolid(props) {
-  let root;
-  const rootEle = createMemo(() => props.container ?? _tmpl$$k());
-  onMount(() => {
-    root = createRoot(rootEle());
-    onCleanup(() => {
-      root.unmount();
-    });
-  });
-  createEffect(() => {
-    root.render(React.createElement(props.component, {
-      ...props.props
-    }));
-  });
-  // if (import.meta.env.SSR) {
-  //   // eslint-disable-next-line solid/reactivity
-  //   const node = React.createElement(props.component, { ...props.props })
-  //   // eslint-disable-next-line solid/components-return-once, solid/no-innerhtml
-  //   return <div innerHTML={renderToString(node)} />
-  // }
-  return rootEle;
-}
-
-var zhCN = {
-  locale: 'zh-cn',
-  Pagination: {
-    items_per_page: '条/页',
-    jump_to: '跳至',
-    jump_to_confirm: '确定',
-    page: '页',
-    prev_page: '上一页',
-    next_page: '下一页',
-    prev_5: '向前 5 页',
-    next_5: '向后 5 页',
-    prev_3: '向前 3 页',
-    next_3: '向后 3 页',
-    page_size: '页码'
-  },
-  DatePicker: {
-    lang: {
-      placeholder: '请选择日期',
-      yearPlaceholder: '请选择年份',
-      quarterPlaceholder: '请选择季度',
-      monthPlaceholder: '请选择月份',
-      weekPlaceholder: '请选择周',
-      rangePlaceholder: ['开始日期', '结束日期'],
-      rangeYearPlaceholder: ['开始年份', '结束年份'],
-      rangeMonthPlaceholder: ['开始月份', '结束月份'],
-      rangeQuarterPlaceholder: ['开始季度', '结束季度'],
-      rangeWeekPlaceholder: ['开始周', '结束周'],
-      locale: 'zh_CN',
-      today: '今天',
-      now: '此刻',
-      backToToday: '返回今天',
-      ok: '确定',
-      timeSelect: '选择时间',
-      dateSelect: '选择日期',
-      weekSelect: '选择周',
-      clear: '清除',
-      month: '月',
-      year: '年',
-      previousMonth: '上个月 (翻页上键)',
-      nextMonth: '下个月 (翻页下键)',
-      monthSelect: '选择月份',
-      yearSelect: '选择年份',
-      decadeSelect: '选择年代',
-      yearFormat: 'YYYY年',
-      dayFormat: 'D日',
-      dateFormat: 'YYYY年M月D日',
-      dateTimeFormat: 'YYYY年M月D日 HH时mm分ss秒',
-      previousYear: '上一年 (Control键加左方向键)',
-      nextYear: '下一年 (Control键加右方向键)',
-      previousDecade: '上一年代',
-      nextDecade: '下一年代',
-      previousCentury: '上一世纪',
-      nextCentury: '下一世纪'
-    },
-    timePickerLocale: {
-      placeholder: '请选择时间',
-      rangePlaceholder: ['开始时间', '结束时间']
-    }
-  },
-  TimePicker: {
-    placeholder: '请选择时间',
-    rangePlaceholder: ['开始时间', '结束时间']
-  },
-  Calendar: {
-    lang: {
-      placeholder: '请选择日期',
-      yearPlaceholder: '请选择年份',
-      quarterPlaceholder: '请选择季度',
-      monthPlaceholder: '请选择月份',
-      weekPlaceholder: '请选择周',
-      rangePlaceholder: ['开始日期', '结束日期'],
-      rangeYearPlaceholder: ['开始年份', '结束年份'],
-      rangeMonthPlaceholder: ['开始月份', '结束月份'],
-      rangeQuarterPlaceholder: ['开始季度', '结束季度'],
-      rangeWeekPlaceholder: ['开始周', '结束周'],
-      locale: 'zh_CN',
-      today: '今天',
-      now: '此刻',
-      backToToday: '返回今天',
-      ok: '确定',
-      timeSelect: '选择时间',
-      dateSelect: '选择日期',
-      weekSelect: '选择周',
-      clear: '清除',
-      month: '月',
-      year: '年',
-      previousMonth: '上个月 (翻页上键)',
-      nextMonth: '下个月 (翻页下键)',
-      monthSelect: '选择月份',
-      yearSelect: '选择年份',
-      decadeSelect: '选择年代',
-      yearFormat: 'YYYY年',
-      dayFormat: 'D日',
-      dateFormat: 'YYYY年M月D日',
-      dateTimeFormat: 'YYYY年M月D日 HH时mm分ss秒',
-      previousYear: '上一年 (Control键加左方向键)',
-      nextYear: '下一年 (Control键加右方向键)',
-      previousDecade: '上一年代',
-      nextDecade: '下一年代',
-      previousCentury: '上一世纪',
-      nextCentury: '下一世纪'
-    },
-    timePickerLocale: {
-      placeholder: '请选择时间',
-      rangePlaceholder: ['开始时间', '结束时间']
-    }
-  },
-  global: {
-    placeholder: '请选择'
-  },
-  Table: {
-    filterTitle: '筛选',
-    filterConfirm: '确定',
-    filterReset: '重置',
-    filterEmptyText: '无筛选项',
-    filterCheckall: '全选',
-    filterSearchPlaceholder: '在筛选项中搜索',
-    selectAll: '全选当页',
-    selectInvert: '反选当页',
-    selectNone: '清空所有',
-    selectionAll: '全选所有',
-    sortTitle: '排序',
-    expand: '展开行',
-    collapse: '关闭行',
-    triggerDesc: '点击降序',
-    triggerAsc: '点击升序',
-    cancelSort: '取消排序'
-  },
-  Modal: {
-    okText: '确定',
-    cancelText: '取消',
-    justOkText: '知道了'
-  },
-  Tour: {
-    Next: '下一步',
-    Previous: '上一步',
-    Finish: '结束导览'
-  },
-  Popconfirm: {
-    cancelText: '取消',
-    okText: '确定'
-  },
-  Transfer: {
-    titles: ['', ''],
-    searchPlaceholder: '请输入搜索内容',
-    itemUnit: '项',
-    itemsUnit: '项',
-    remove: '删除',
-    selectCurrent: '全选当页',
-    removeCurrent: '删除当页',
-    selectAll: '全选所有',
-    removeAll: '删除全部',
-    selectInvert: '反选当页'
-  },
-  Upload: {
-    uploading: '文件上传中',
-    removeFile: '删除文件',
-    uploadError: '上传错误',
-    previewFile: '预览文件',
-    downloadFile: '下载文件'
-  },
-  Empty: {
-    description: '暂无数据'
-  },
-  Icon: {
-    icon: '图标'
-  },
-  Text: {
-    edit: '编辑',
-    copy: '复制',
-    copied: '复制成功',
-    expand: '展开'
-  },
-  PageHeader: {
-    back: '返回'
-  },
-  Form: {
-    optional: '（可选）',
-    defaultValidateMessages: {
-      default: '字段验证错误${label}',
-      required: '请输入${label}',
-      enum: '${label}必须是其中一个[${enum}]',
-      whitespace: '${label}不能为空字符',
-      date: {
-        format: '${label}日期格式无效',
-        parse: '${label}不能转换为日期',
-        invalid: '${label}是一个无效日期'
-      },
-      types: {
-        string: '${label}不是一个有效的${type}',
-        method: '${label}不是一个有效的${type}',
-        array: '${label}不是一个有效的${type}',
-        object: '${label}不是一个有效的${type}',
-        number: '${label}不是一个有效的${type}',
-        date: '${label}不是一个有效的${type}',
-        boolean: '${label}不是一个有效的${type}',
-        integer: '${label}不是一个有效的${type}',
-        float: '${label}不是一个有效的${type}',
-        regexp: '${label}不是一个有效的${type}',
-        email: '${label}不是一个有效的${type}',
-        url: '${label}不是一个有效的${type}',
-        hex: '${label}不是一个有效的${type}'
-      },
-      string: {
-        len: '${label}须为${len}个字符',
-        min: '${label}最少${min}个字符',
-        max: '${label}最多${max}个字符',
-        range: '${label}须在${min}-${max}字符之间'
-      },
-      number: {
-        len: '${label}必须等于${len}',
-        min: '${label}最小值为${min}',
-        max: '${label}最大值为${max}',
-        range: '${label}须在${min}-${max}之间'
-      },
-      array: {
-        len: '须为${len}个${label}',
-        min: '最少${min}个${label}',
-        max: '最多${max}个${label}',
-        range: '${label}数量须在${min}-${max}之间'
-      },
-      pattern: {
-        mismatch: '${label}与模式不匹配${pattern}'
-      }
-    }
-  },
-  Image: {
-    preview: '预览'
-  },
-  QRCode: {
-    expired: '二维码过期',
-    refresh: '点击刷新'
-  }
-};
-
-/**
- * 将组件 props 中的 className 替换为 class
- * @param C
- * @returns
- */
-function replaceClassName(C) {
-  return function (_props) {
-    const props = createMemo(() => {
-      return {
-        ...omit(_props, 'class'),
-        className: _props.class
-      };
-    });
-    return createComponent(C, mergeProps$1(props));
-  };
-}
-/**
- * 将组件 props 中的 children 替换为 JSXElement
- * @param C
- * @returns
- */
-function replaceChildren(C) {
-  return function (_props) {
-    const props = createMemo(() => {
-      return {
-        ..._props,
-        children: solidToReact(_props.children)
-      };
-    });
-    return createComponent(C, mergeProps$1(props));
-  };
-}
-function reactToSolidComponent(component, container) {
-  return function (props) {
-    return createComponent(ReactToSolid, {
-      component: component,
-      props: props,
-      get container() {
-        return typeof container === 'function' ? container() : container;
-      }
-    });
-  };
-}
-/**
- * 返回被 ConfigProvider 包裹后的 component
- * @param component
- * @param configProviderProps
- * @returns
- */
-function configProvider(component, configProviderProps) {
-  return function (props) {
-    return React.createElement(ConfigProvider, {
-      locale: zhCN,
-      ...configProviderProps
-    }, React.createElement(component, props));
-  };
-}
-
-const RangePicker = replaceClassName(reactToSolidComponent(DatePicker$1.RangePicker));
-const _DatePicker = replaceClassName(reactToSolidComponent(DatePicker$1));
-const DatePicker = _DatePicker;
-DatePicker.RangePicker = RangePicker;
-
-/**
- * 如果传入一个非数组字段，则将其转化为数组
- * @param value
- * @returns
- */
-function toArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
-
-function useClickAway(onClickAway, target) {
-  const onClick = event => {
-    const targets = target ? toArray(target()) : [];
-    if (targets.every(item => !item.contains(event.target))) {
-      onClickAway(event);
-    }
-  };
-  document.body.addEventListener('click', onClick);
-  onCleanup(() => {
-    document.body.removeEventListener('click', onClick);
-  });
-}
-
-const _tmpl$$j = /*#__PURE__*/template(`<div>`);
-const Content = props => {
-  return createComponent(Show, {
-    get when() {
-      return typeof props.content === 'function';
-    },
-    get fallback() {
-      return props.content;
-    },
-    get children() {
-      return memo(() => typeof props.content === 'function')() && props.content(props.close);
-    }
-  });
-};
-const Tooltip = _props => {
-  const props = mergeProps({
-    trigger: 'hover',
-    placement: 'top',
-    mode: 'dark',
-    arrow: true
-  }, _props);
-  const resolvedChildren = children(() => _props.children);
-  let content;
-  const [open, setOpen] = createControllableValue(_props, {
-    defaultValue: false,
-    valuePropName: 'open',
-    trigger: 'onOpenChange'
-  });
-  const reverseOpen = () => setOpen(v => !v);
-  createEffect(() => {
-    const _children = resolvedChildren();
-    toArray(props.trigger).forEach(trigger => {
-      switch (trigger) {
-        case 'hover':
-          _children.addEventListener('mouseenter', reverseOpen);
-          _children.addEventListener('mouseleave', reverseOpen);
-          onCleanup(() => {
-            _children.removeEventListener('mouseenter', reverseOpen);
-            _children.removeEventListener('mouseleave', reverseOpen);
-          });
-          break;
-        case 'click':
-          _children.addEventListener('click', reverseOpen);
-          onCleanup(() => {
-            _children.removeEventListener('click', reverseOpen);
-          });
-          useClickAway(() => setOpen(false), () => compact([content, _children]));
-          break;
-        case 'focus':
-          _children.addEventListener('focus', reverseOpen);
-          _children.addEventListener('blur', reverseOpen);
-          onCleanup(() => {
-            _children.removeEventListener('focus', reverseOpen);
-            _children.removeEventListener('blur', reverseOpen);
-          });
-          break;
-      }
-    });
-  });
-  const [childrenRect, setChildrenRect] = createSignal(new DOMRect());
-  createEffect(() => {
-    if (open()) {
-      const _children = resolvedChildren();
-      setChildrenRect(_children.getBoundingClientRect());
-    }
-  });
-  createMemo(() => {
-    if (props.placement.startsWith('bottom')) return 'bottom';
-    if (props.placement.startsWith('left')) return 'left';
-    if (props.placement.startsWith('right')) return 'right';
-    return 'top';
-  });
-  createMemo(() => {
-    if (props.placement.endsWith('Left')) return 'left';
-    if (props.placement.endsWith('Right')) return 'right';
-    if (props.placement.endsWith('Top')) return 'top';
-    if (props.placement.endsWith('Bottom')) return 'bottom';
-    return 'center';
-  });
-  const arrowOffset = createMemo(() => props.arrow ? 8 : 0);
-  const contentPositionStyle = createMemo(() => {
-    switch (props.placement) {
-      case 'top':
-        return {
-          top: `${childrenRect().top - arrowOffset()}px`,
-          left: `${childrenRect().left + childrenRect().width / 2}px`,
-          transform: 'translate(-50%, -100%)'
-        };
-      case 'topLeft':
-        return {
-          top: `${childrenRect().top - arrowOffset()}px`,
-          left: `${childrenRect().left}px`,
-          transform: 'translate(0, -100%)'
-        };
-      case 'topRight':
-        return {
-          top: `${childrenRect().top - arrowOffset()}px`,
-          left: `${childrenRect().right}px`,
-          transform: 'translate(-100%, -100%)'
-        };
-      case 'bottom':
-        return {
-          top: `${childrenRect().bottom + arrowOffset()}px`,
-          left: `${childrenRect().left + childrenRect().width / 2}px`,
-          transform: 'translate(-50%, 0)'
-        };
-      case 'bottomLeft':
-        return {
-          top: `${childrenRect().bottom + arrowOffset()}px`,
-          left: `${childrenRect().left}px`
-        };
-      case 'bottomRight':
-        return {
-          top: `${childrenRect().bottom + arrowOffset()}px`,
-          left: `${childrenRect().right}px`,
-          transform: 'translate(-100%, 0)'
-        };
-      case 'left':
-        return {
-          top: `${childrenRect().top + childrenRect().height / 2}px`,
-          left: `${childrenRect().left - arrowOffset()}px`,
-          transform: 'translate(-100%, -50%)'
-        };
-      case 'leftTop':
-        return {
-          top: `${childrenRect().top}px`,
-          left: `${childrenRect().left - arrowOffset()}px`,
-          transform: 'translate(-100%)'
-        };
-      case 'leftBottom':
-        return {
-          top: `${childrenRect().bottom}px`,
-          left: `${childrenRect().left - arrowOffset()}px`,
-          transform: 'translate(-100%, -100%)'
-        };
-      case 'right':
-        return {
-          top: `${childrenRect().top + childrenRect().height / 2}px`,
-          left: `${childrenRect().right + arrowOffset()}px`,
-          transform: 'translate(0, -50%)'
-        };
-      case 'rightTop':
-        return {
-          top: `${childrenRect().top}px`,
-          left: `${childrenRect().right + arrowOffset()}px`
-        };
-      case 'rightBottom':
-        return {
-          top: `${childrenRect().bottom}px`,
-          left: `${childrenRect().right + arrowOffset()}px`,
-          transform: 'translate(0, -100%)'
-        };
-    }
-  });
-  const arrowStyle = createMemo(() => {
-    switch (props.placement) {
-      case 'top':
-        return {
-          'border-top-color': 'var(--color)',
-          top: '100%',
-          filter: 'drop-shadow(3px 2px 2px rgba(0, 0, 0, 0.08))',
-          left: '50%',
-          transform: 'translateX(-50%)'
-        };
-      case 'topLeft':
-        return {
-          'border-top-color': 'var(--color)',
-          top: '100%',
-          filter: 'drop-shadow(3px 2px 2px rgba(0, 0, 0, 0.08))',
-          left: '8px'
-        };
-      case 'topRight':
-        return {
-          'border-top-color': 'var(--color)',
-          top: '100%',
-          filter: 'drop-shadow(3px 2px 2px rgba(0, 0, 0, 0.08))',
-          right: '8px'
-        };
-      case 'bottom':
-        return {
-          'border-bottom-color': 'var(--color)',
-          bottom: '100%',
-          filter: 'drop-shadow(3px 2px 2px rgba(0, 0, 0, 0.08))',
-          left: '50%',
-          transform: 'translateX(-50%)'
-        };
-      case 'bottomLeft':
-        return {
-          'border-bottom-color': 'var(--color)',
-          bottom: '100%',
-          filter: 'drop-shadow(3px 2px 2px rgba(0, 0, 0, 0.08))',
-          left: '8px'
-        };
-      case 'bottomRight':
-        return {
-          'border-bottom-color': 'var(--color)',
-          bottom: '100%',
-          filter: 'drop-shadow(3px 2px 2px rgba(0, 0, 0, 0.08))',
-          right: '8px'
-        };
-      case 'left':
-        return {
-          'border-left-color': 'var(--color)',
-          top: '50%',
-          right: 0,
-          transform: 'translate(100%, -50%)'
-        };
-      case 'leftTop':
-        return {
-          'border-left-color': 'var(--color)',
-          top: '8px',
-          right: 0,
-          transform: 'translate(100%, 0)'
-        };
-      case 'leftBottom':
-        return {
-          'border-left-color': 'var(--color)',
-          bottom: '8px',
-          right: 0,
-          transform: 'translate(100%, 0)'
-        };
-      case 'right':
-        return {
-          'border-right-color': 'var(--color)',
-          top: '50%',
-          left: 0,
-          transform: 'translate(-100%, -50%)'
-        };
-      case 'rightTop':
-        return {
-          'border-right-color': 'var(--color)',
-          top: '8px',
-          left: 0,
-          transform: 'translate(-100%, 0)'
-        };
-      case 'rightBottom':
-        return {
-          'border-right-color': 'var(--color)',
-          bottom: '8px',
-          left: 0,
-          transform: 'translate(-100%, 0)'
-        };
-    }
-  });
-  return [memo(resolvedChildren), createComponent(Show, {
-    get when() {
-      return open();
-    },
-    get children() {
-      return createComponent(Portal, {
-        get children() {
-          const _el$ = _tmpl$$j();
-          _el$.$$click = e => {
-            e.stopPropagation();
-          };
-          const _ref$ = content;
-          typeof _ref$ === "function" ? use(_ref$, _el$) : content = _el$;
-          insert(_el$, createComponent(Content, {
-            get content() {
-              return props.content;
-            },
-            close: () => setOpen(false)
-          }), null);
-          insert(_el$, createComponent(Show, {
-            get when() {
-              return props.arrow;
-            },
-            get children() {
-              const _el$2 = _tmpl$$j();
-              effect(_p$ => {
-                const _v$ = cs('ant-w-8px ant-h-8px ant-absolute ant-border-solid ant-border-4px ant-border-transparent'),
-                  _v$2 = {
-                    '--color': props.mode === 'dark' ? 'rgba(0,0,0,0.85)' : 'white',
-                    ...arrowStyle()
-                  };
-                _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
-                _p$._v$2 = style(_el$2, _v$2, _p$._v$2);
-                return _p$;
-              }, {
-                _v$: undefined,
-                _v$2: undefined
-              });
-              return _el$2;
-            }
-          }), null);
-          effect(_p$ => {
-            const _v$3 = cs('ant-z-1000 ant-fixed ant-absolute ant-px-8px ant-py-6px ant-rounded-8px ant-box-content ant-[box-shadow:0_6px_16px_0_rgba(0,0,0,0.08),0_3px_6px_-4px_rgba(0,0,0,0.12),0_9px_28px_8px_rgba(0,0,0,0.05)]', props.mode === 'dark' ? 'ant-bg-[rgba(0,0,0,0.85)] ant-text-white' : 'ant-bg-white'),
-              _v$4 = {
-                ...contentPositionStyle(),
-                ...props.contentStyle
-              };
-            _v$3 !== _p$._v$3 && className(_el$, _p$._v$3 = _v$3);
-            _p$._v$4 = style(_el$, _v$4, _p$._v$4);
-            return _p$;
-          }, {
-            _v$3: undefined,
-            _v$4: undefined
-          });
-          return _el$;
-        }
-      });
-    }
-  })];
-};
-delegateEvents(["click"]);
-
-const _tmpl$$i = /*#__PURE__*/template(`<div>`),
-  _tmpl$2$9 = /*#__PURE__*/template(`<span class="i-ant-design:close-circle-filled ant-cursor-pointer ant-text-[var(--ant-clear-color)] hover:ant-text-[var(--ant-clear-color-hover)]">`),
-  _tmpl$3$6 = /*#__PURE__*/template(`<div tabindex="0"><div class="ant-relative ant-h-full"><div class="ant-absolute ant-top-0 ant-bottom-0 ant-right-0">`),
-  _tmpl$4$3 = /*#__PURE__*/template(`<div class="ant-bg-white ant-w-200px">`),
-  _tmpl$5 = /*#__PURE__*/template(`<input class="ant-h-full ant-w-full ant-float-left ant-[outline:none]" readonly>`),
-  _tmpl$6 = /*#__PURE__*/template(`<span class="i-ant-design:down-outlined ant-text-[var(--ant-allow-color)]">`);
-const Select = props => {
-  let select;
-  const [value, setValue] = createControllableValue(props);
-  const selectedValue = createSelector(value);
-  const selectedOption = createMemo(() => !isNil(value()) ? props.options.find(option => option.value === value()) : undefined);
-  const [open, setOpen] = createSignal(false);
-  useClickAway(() => setOpen(false), () => select);
-  const [width, setWidth] = createSignal(0);
-  const [hover, setHover] = createSignal(false);
-  const showClearBtn = createMemo(() => props.allowClear && hover() && !isNil(value()));
-  return createComponent(Tooltip, {
-    mode: "light",
-    get open() {
-      return open();
-    },
-    onOpenChange: setOpen,
-    trigger: [],
-    placement: "bottomLeft",
-    arrow: false,
-    contentStyle: {
-      padding: 0
-    },
-    content: close => (() => {
-      const _el$6 = _tmpl$4$3();
-      insert(_el$6, createComponent(For, {
-        get each() {
-          return props.options;
-        },
-        children: item => (() => {
-          const _el$7 = _tmpl$$i();
-          _el$7.$$click = () => {
-            setValue(item.value);
-            close();
-          };
-          insert(_el$7, () => item.label);
-          effect(() => className(_el$7, cs('ant-box-content ant-px-12px ant-py-5px ant-h-22px ant-leading-22px hover:ant-bg-[var(--hover-bg-color)]', selectedValue(item.value) ? '!ant-bg-[var(--active-bg-color)]' : '')));
-          return _el$7;
-        })()
-      }));
-      effect(() => `${width()}px` != null ? _el$6.style.setProperty("width", `${width()}px`) : _el$6.style.removeProperty("width"));
-      return _el$6;
-    })(),
-    get children() {
-      const _el$ = _tmpl$3$6(),
-        _el$2 = _el$.firstChild,
-        _el$4 = _el$2.firstChild;
-      _el$.addEventListener("mouseleave", () => setHover(false));
-      _el$.addEventListener("mouseenter", () => setHover(true));
-      _el$.$$click = e => {
-        setOpen(true);
-        setWidth(e.currentTarget.offsetWidth);
-        e.currentTarget.focus();
-      };
-      const _ref$ = select;
-      typeof _ref$ === "function" ? use(_ref$, _el$) : select = _el$;
-      _el$.style.setProperty("--ant-arrow-color", "rgba(146, 146, 146, 1)");
-      _el$.style.setProperty("--ant-clear-color", "rgba(146, 146, 146, 1)");
-      _el$.style.setProperty("--ant-clear-color-hover", "rgba(194, 194, 194, 1)");
-      insert(_el$2, createComponent(Show, {
-        get when() {
-          return !isNil(value());
-        },
-        get fallback() {
-          return (() => {
-            const _el$8 = _tmpl$5();
-            effect(() => setAttribute(_el$8, "placeholder", props.placeholder));
-            return _el$8;
-          })();
-        },
-        get children() {
-          const _el$3 = _tmpl$$i();
-          insert(_el$3, () => selectedOption().label ?? value());
-          return _el$3;
-        }
-      }), _el$4);
-      insert(_el$4, createComponent(Show, {
-        get when() {
-          return showClearBtn();
-        },
-        get fallback() {
-          return _tmpl$6();
-        },
-        get children() {
-          const _el$5 = _tmpl$2$9();
-          _el$5.$$click = e => {
-            e.stopPropagation();
-            setValue(undefined);
-          };
-          return _el$5;
-        }
-      }));
-      effect(() => className(_el$, cs('ant-h-32px ant-leading-32px ant-rounded-6px ant-[border:1px_solid_var(--ant-color-border)] ant-px-11px focus:ant-[border-color:var(--primary-color)]', props.class)));
-      return _el$;
-    }
-  });
-};
-delegateEvents(["click"]);
-
-const _tmpl$$h = /*#__PURE__*/template(`<span class="i-ant-design:minus-square-outlined">`),
-  _tmpl$2$8 = /*#__PURE__*/template(`<div><div class="flex-shrink-0" role="indent"></div><div class="ant-flex-shrink-0 ant-w-24px ant-h-24px ant-flex ant-items-center ant-justify-center"><span class="i-ant-design:holder-outlined"></span></div><div></div><div>`),
-  _tmpl$3$5 = /*#__PURE__*/template(`<span class="ant-inline-block ant-w-24px">`),
-  _tmpl$4$2 = /*#__PURE__*/template(`<span class="i-ant-design:plus-square-outlined">`);
-const TreeContext = createContext({});
-/**
- * 单层级 tree
- */
-function SingleLevelTree(props) {
-  const [expanded, setExpanded] = createSignal(props.defaultExpandAll);
-  const {
-    selectedNodes,
-    setSelectedNodes,
-    draggableNode,
-    setDraggableNode,
-    draggableIndexes,
-    setDraggableIndexes,
-    isDraggable,
-    targetNode,
-    setTargetNode,
-    targetIndexes,
-    setTargetIndexes,
-    isTarget,
-    draggable,
-    onDrop
-  } = useContext(TreeContext);
-  return createComponent(Index, {
-    get each() {
-      return props.treeData;
-    },
-    children: (item, i) => {
-      const indexes = [...(props.parentIndexes ?? []), i];
-      return [(() => {
-        const _el$ = _tmpl$2$8(),
-          _el$2 = _el$.firstChild,
-          _el$3 = _el$2.nextSibling,
-          _el$4 = _el$3.nextSibling,
-          _el$6 = _el$4.nextSibling;
-        _el$.addEventListener("dragend", () => {
-          onDrop?.({
-            dragNode: draggableNode(),
-            dragIndexes: draggableIndexes(),
-            targetNode: targetNode(),
-            targetIndexes: targetIndexes()
-          });
-          setDraggableNode(null);
-          setDraggableIndexes(null);
-          setTargetNode(null);
-          setTargetIndexes(null);
-        });
-        _el$.addEventListener("dragleave", e => {
-          if (item() === targetNode() && e.relatedTarget) {
-            setTargetNode(null);
-            setTargetIndexes(null);
-          }
-        });
-        _el$.addEventListener("dragenter", () => {
-          if (item() !== draggableNode()) {
-            setTargetNode(item());
-            setTargetIndexes(indexes);
-          }
-        });
-        _el$.addEventListener("dragstart", () => {
-          setDraggableNode(item());
-          setDraggableIndexes(indexes);
-        });
-        setAttribute(_el$, "draggable", draggable);
-        insert(_el$2, () => Array(props.indent).fill(0).map(() => _tmpl$3$5()));
-        insert(_el$4, createComponent(Show, {
-          get when() {
-            return expanded();
-          },
-          get fallback() {
-            return (() => {
-              const _el$8 = _tmpl$4$2();
-              _el$8.$$click = setExpanded;
-              _el$8.$$clickData = true;
-              return _el$8;
-            })();
-          },
-          get children() {
-            const _el$5 = _tmpl$$h();
-            _el$5.$$click = setExpanded;
-            _el$5.$$clickData = false;
-            return _el$5;
-          }
-        }));
-        _el$6.$$click = () => {
-          setSelectedNodes([item()]);
-          props.onSelect?.(item());
-        };
-        insert(_el$6, () => props.titleRender(item(), {
-          indexes
-        }));
-        effect(_p$ => {
-          const _v$ = cs('ant-flex ant-items-center ant-h-28px ant-pb-4px', isDraggable(item()) && 'ant-[border:1px_solid_var(--primary-color)] ant-bg-white', draggableNode() && 'child[]:ant-pointer-events-none'),
-            _v$2 = cs('ant-flex-shrink-0 ant-w-24px ant-h-24px ant-flex ant-items-center ant-justify-center ant-cursor-pointer', isEmpty(props.children(item())) && 'opacity-0'),
-            _v$3 = cs('ant-h-full ant-leading-24px hover:ant-bg-[var(--hover-bg-color)] ant-rounded-1 ant-px-1 ant-cursor-pointer ant-relative', props.blockNode && 'w-full', selectedNodes()?.includes(item()) && '!ant-bg-[var(--active-bg-color)]', isTarget(item()) && "before:ant-content-[''] before:ant-inline-block before:ant-w-8px before:ant-h-8px before:ant-absolute before:ant-bottom-0 before:ant-left-0 before:-ant-translate-x-full before:ant-translate-y-1/2 before:ant-rounded-1/2 before:ant-[border:2px_solid_var(--primary-color)] after:ant-content-[''] after:ant-inline-block after:ant-h-2px after:ant-absolute after:ant-left-0 after:ant-right-0 after:ant-bottom--1px after:ant-bg-[var(--primary-color)]");
-          _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
-          _v$2 !== _p$._v$2 && className(_el$4, _p$._v$2 = _v$2);
-          _v$3 !== _p$._v$3 && className(_el$6, _p$._v$3 = _v$3);
-          return _p$;
-        }, {
-          _v$: undefined,
-          _v$2: undefined,
-          _v$3: undefined
-        });
-        return _el$;
-      })(), createComponent(Show, {
-        get when() {
-          return memo(() => !!expanded())() && !isEmpty(props.children(item()));
-        },
-        get children() {
-          return createComponent(SingleLevelTree, {
-            get treeData() {
-              return props.children(item());
-            },
-            get indent() {
-              return props.indent + 1;
-            },
-            parentIndexes: indexes,
-            get blockNode() {
-              return props.blockNode;
-            },
-            get defaultExpandAll() {
-              return props.defaultExpandAll;
-            },
-            get titleRender() {
-              return props.titleRender;
-            },
-            get children() {
-              return props.children;
-            },
-            onSelect: node => untrack(() => props.onSelect?.(node))
-          });
-        }
-      })];
-    }
-  });
-}
-function Tree(props) {
-  const [selectedNodes, setSelectedNodes] = createSignal(props.defaultSelectedNodes ?? []);
-  const [draggableNode, setDraggableNode] = createSignal(null);
-  const isDraggable = createSelector(draggableNode);
-  const [draggableIndexes, setDraggableIndexes] = createSignal(null);
-  const [targetNode, setTargetNode] = createSignal(null);
-  const isTarget = createSelector(targetNode);
-  const [targetIndexes, setTargetIndexes] = createSignal(null);
-  return createComponent(TreeContext.Provider, {
-    get value() {
-      return {
-        selectedNodes,
-        setSelectedNodes: setSelectedNodes,
-        draggableNode,
-        setDraggableNode: setDraggableNode,
-        draggableIndexes,
-        setDraggableIndexes,
-        isDraggable,
-        targetNode,
-        setTargetNode: setTargetNode,
-        targetIndexes,
-        setTargetIndexes,
-        isTarget,
-        draggable: props.draggable,
-        onDrop: props.onDrop
-      };
-    },
-    get children() {
-      return createComponent(SingleLevelTree, {
-        get treeData() {
-          return props.treeData;
-        },
-        indent: 0,
-        get blockNode() {
-          return props.blockNode;
-        },
-        get defaultExpandAll() {
-          return props.defaultExpandAll;
-        },
-        get titleRender() {
-          return props.titleRender;
-        },
-        get children() {
-          return props.children;
-        },
-        onSelect: node => untrack(() => props.onSelect?.(node))
-      });
-    }
-  });
-}
-delegateEvents(["click"]);
-
-const _tmpl$$g = /*#__PURE__*/template(`<div class="ant-mb-8px ant-flex ant-items-center"><span class="ant-text-[rgba(0,0,0,0.88)] ant-font-600">`),
-  _tmpl$2$7 = /*#__PURE__*/template(`<div><div class="ant-text-[rgba(0,0,0,0.88)]">`);
-const Popover = props => {
-  return createComponent(Tooltip, mergeProps$1({
-    mode: "light"
-  }, props, {
-    content: close => (() => {
-      const _el$ = _tmpl$2$7(),
-        _el$4 = _el$.firstChild;
-      insert(_el$, createComponent(Show, {
-        get when() {
-          return props.title;
-        },
-        get children() {
-          const _el$2 = _tmpl$$g(),
-            _el$3 = _el$2.firstChild;
-          insert(_el$3, () => props.title);
-          return _el$2;
-        }
-      }), _el$4);
-      insert(_el$4, createComponent(Content, {
-        get content() {
-          return props.content;
-        },
-        close: close
-      }));
-      return _el$;
-    })()
-  }));
-};
-
-var ColorPicker = reactToSolidComponent(ColorPicker$1);
-
-const _tmpl$$f = /*#__PURE__*/template(`<div class="ant-text-center ant-px-32px ant-py-48px"><div class="ant-mb-24px"><span></span></div><div class="ant-my-8px ant-text-[rgba(0,0,0,.88)] ant-text-24px"></div><div class="ant-text-[rgba(0,0,0,.45)] ant-text-14px"></div><div class="ant-mt-24px"></div><div class="ant-mt-24px">`);
-const statusIconMap = {
-  success: 'ant-text-#52c41a i-ant-design:check-circle-filled',
-  info: 'ant-text-[var(--primary-color)] i-ant-design:exclamation-circle-filled',
-  warning: 'ant-text-#faad14 i-ant-design:warning-filled',
-  error: 'ant-text-#ff4d4f i-ant-design:close-circle-filled'
-};
-const Result = props => {
-  return (() => {
-    const _el$ = _tmpl$$f(),
-      _el$2 = _el$.firstChild,
-      _el$3 = _el$2.firstChild,
-      _el$4 = _el$2.nextSibling,
-      _el$5 = _el$4.nextSibling,
-      _el$6 = _el$5.nextSibling,
-      _el$7 = _el$6.nextSibling;
-    insert(_el$4, () => props.title);
-    insert(_el$5, () => props.subTitle);
-    insert(_el$6, () => props.extra);
-    insert(_el$7, () => props.children);
-    effect(() => className(_el$3, cs(statusIconMap[props.status], 'ant-text-72px')));
-    return _el$;
-  })();
-};
-
-var Progress = replaceChildren(replaceClassName(reactToSolidComponent(Progress$1)));
-
-const _tmpl$$e = /*#__PURE__*/template(`<div>`),
-  _tmpl$2$6 = /*#__PURE__*/template(`<div><div>`);
-const unWarpValue = value => typeof value === 'object' ? value.value : value;
-const Segmented = props => {
-  const [value, setValue] = createControllableValue(props, {
-    defaultValue: unWarpValue(props.options[0])
-  });
-  const isSelected = createSelector(value);
-  const isDisabledValue = v => {
-    if (props.disabled) return true;
-    return typeof v === 'object' ? v.disabled : false;
-  };
-  return (() => {
-    const _el$ = _tmpl$$e();
-    insert(_el$, createComponent(For, {
-      get each() {
-        return props.options;
-      },
-      children: item => (() => {
-        const _el$2 = _tmpl$2$6(),
-          _el$3 = _el$2.firstChild;
-        _el$3.$$click = e => {
-          setValue(unWarpValue(item));
-          typeof item === 'object' && item.onClick?.(e);
-        };
-        insert(_el$3, createComponent(Show, {
-          when: typeof item !== 'object',
-          get fallback() {
-            return typeof item === 'object' && unwrapStringOrJSXElement(item.label);
-          },
-          children: item
-        }));
-        effect(_p$ => {
-          const _v$3 = cs(props.block && 'ant-basis-0 ant-grow-1', isDisabledValue(item) && 'ant-cursor-not-allowed'),
-            _v$4 = cs('ant-rounded-[var(--ant-border-radius-sm)] ant-px-[var(--ant-padding-sm)] where:ant-cursor-pointer ant-leading-28px where:hover:ant-bg-[var(--ant-segmented-item-hover-bg)] where:active:ant-bg-[var(--ant-segmented-item-active-bg)]', isSelected(unWarpValue(item)) && 'ant-bg-white ant-shadow-[var(--ant-box-shadow-tertiary)]', props.block && 'ant-flex ant-justify-center', isDisabledValue(item) && 'ant-[pointer-events:none] ant-text-[var(--ant-color-text-disabled)]');
-          _v$3 !== _p$._v$3 && className(_el$2, _p$._v$3 = _v$3);
-          _v$4 !== _p$._v$4 && className(_el$3, _p$._v$4 = _v$4);
-          return _p$;
-        }, {
-          _v$3: undefined,
-          _v$4: undefined
-        });
-        return _el$2;
-      })()
-    }));
-    effect(_p$ => {
-      const _v$ = cs('ant-bg-[var(--ant-color-bg-layout)] ant-rounded-[var(--ant-border-radius)] ant-p-2px', props.block ? 'ant-flex' : 'ant-inline-flex', props.class),
-        _v$2 = {
-          '--ant-segmented-item-color': 'rgba(0, 0, 0, 0.65)',
-          '--ant-segmented-item-hover-bg': 'rgba(0, 0, 0, 0.06)',
-          '--ant-segmented-item-active-bg': 'rgba(0, 0, 0, 0.15)',
-          ...props.style
-        };
-      _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
-      _p$._v$2 = style(_el$, _v$2, _p$._v$2);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-    return _el$;
-  })();
-};
-delegateEvents(["click"]);
-
-const _tmpl$$d = /*#__PURE__*/template(`<div><div role="selected-bar" class="ant-absolute ant-bottom-0 ant-bg-[var(--primary-color)] ant-h-2px ant-transition-left">`),
-  _tmpl$2$5 = /*#__PURE__*/template(`<div><div>`),
-  _tmpl$3$4 = /*#__PURE__*/template(`<div>`);
-const Tabs = _props => {
-  const props = mergeProps({
-    type: 'line'
-  }, _props);
-  const [selectedItem, setSelectedItem] = createSignal(untrack(() => props.items[0]));
-  const isSelectedItem = createSelector(() => selectedItem()?.key);
-  const [selectedBarStyle, setSelectedBarStyle] = createSignal({
-    left: '0px',
-    width: '0px'
-  });
-  let nav;
-  const updateSelectedBarStyle = () => {
-    if (!nav) return;
-    const el = nav.querySelector(':scope > .selected');
-    if (!el) return;
-    setSelectedBarStyle({
-      left: `${el.offsetLeft}px`,
-      width: `${el.clientWidth}px`
-    });
-  };
-  onMount(() => {
-    if (!nav) return;
-    updateSelectedBarStyle();
-    const resizeObserver = new ResizeObserver(() => {
-      updateSelectedBarStyle();
-    });
-    resizeObserver.observe(nav);
-    onCleanup(() => {
-      resizeObserver.disconnect();
-    });
-  });
-  return (() => {
-    const _el$ = _tmpl$2$5(),
-      _el$4 = _el$.firstChild;
-    insert(_el$, createComponent(Switch$1, {
-      get children() {
-        return [createComponent(Match, {
-          get when() {
-            return props.type === 'line';
-          },
-          get children() {
-            const _el$2 = _tmpl$$d(),
-              _el$3 = _el$2.firstChild;
-            const _ref$ = nav;
-            typeof _ref$ === "function" ? use(_ref$, _el$2) : nav = _el$2;
-            insert(_el$2, createComponent(For, {
-              get each() {
-                return props.items;
-              },
-              children: item => (() => {
-                const _el$5 = _tmpl$3$4();
-                _el$5.$$click = () => {
-                  setSelectedItem(item);
-                  updateSelectedBarStyle();
-                };
-                insert(_el$5, () => unwrapStringOrJSXElement(item.label));
-                effect(() => className(_el$5, cs('ant-py-12px ant-cursor-pointer', props.navItemClass, isSelectedItem(item.key) && 'ant-text-[var(--primary-color)] selected')));
-                return _el$5;
-              })()
-            }), _el$3);
-            effect(_p$ => {
-              const _v$ = cs('ant-mb-16px ant-flex ant-gap-32px ant-[border-bottom:solid_1px_rgba(5,5,5,0.1)] ant-relative', props.navClass),
-                _v$2 = selectedBarStyle();
-              _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
-              _p$._v$2 = style(_el$3, _v$2, _p$._v$2);
-              return _p$;
-            }, {
-              _v$: undefined,
-              _v$2: undefined
-            });
-            return _el$2;
-          }
-        }), createComponent(Match, {
-          get when() {
-            return props.type === 'segment';
-          },
-          get children() {
-            return createComponent(Segmented, {
-              block: true,
-              get options() {
-                return props.items.map(item => ({
-                  label: item.label,
-                  value: item.key,
-                  onClick: () => setSelectedItem(item)
-                }));
-              }
-            });
-          }
-        })];
-      }
-    }), _el$4);
-    insert(_el$4, () => unwrapStringOrJSXElement(selectedItem()?.children));
-    effect(_p$ => {
-      const _v$3 = props.class,
-        _v$4 = props.contentClass;
-      _v$3 !== _p$._v$3 && className(_el$, _p$._v$3 = _v$3);
-      _v$4 !== _p$._v$4 && className(_el$4, _p$._v$4 = _v$4);
-      return _p$;
-    }, {
-      _v$3: undefined,
-      _v$4: undefined
-    });
-    return _el$;
-  })();
-};
-delegateEvents(["click"]);
-
-const _tmpl$$c = /*#__PURE__*/template(`<div><div class="ant-mb-8px ant-flex ant-items-center"><span class="i-ant-design:exclamation-circle-fill ant-text-#faad14"></span><span class="ant-ml-8px ant-text-[rgba(0,0,0,0.88)] ant-font-600"></span></div><div class="ant-ml-22px ant-mb-8px ant-text-[rgba(0,0,0,0.88)]"></div><div class="ant-text-right">`);
-const Popconfirm = props => {
-  const mergedProps = mergeProps({
-    okText: '确定',
-    cancelText: '取消'
-  }, props);
-  const [tooltipProps] = splitProps(props, ['placement', 'arrow']);
-  const [open, setOpen] = createSignal(false);
-  return createComponent(Tooltip, mergeProps$1({
-    mode: "light",
-    trigger: "click",
-    get open() {
-      return open();
-    },
-    onOpenChange: setOpen,
-    get content() {
-      return (() => {
-        const _el$ = _tmpl$$c(),
-          _el$2 = _el$.firstChild,
-          _el$3 = _el$2.firstChild,
-          _el$4 = _el$3.nextSibling,
-          _el$5 = _el$2.nextSibling,
-          _el$6 = _el$5.nextSibling;
-        insert(_el$4, () => mergedProps.title);
-        insert(_el$5, () => mergedProps.content);
-        insert(_el$6, createComponent(Button, {
-          "class": "ant-ml-8px",
-          size: "small",
-          onClick: () => {
-            setOpen(false);
-            untrack(() => mergedProps.onCancel?.());
-          },
-          get children() {
-            return mergedProps.cancelText;
-          }
-        }), null);
-        insert(_el$6, createComponent(Button, {
-          "class": "ant-ml-8px",
-          type: "primary",
-          size: "small",
-          onClick: () => {
-            setOpen(false);
-            untrack(() => mergedProps.onConfirm?.());
-          },
-          get children() {
-            return mergedProps.okText;
-          }
-        }), null);
-        return _el$;
-      })();
-    }
-  }, tooltipProps, {
-    get children() {
-      return mergedProps.children;
-    }
-  }));
-};
-
-const Upload = replaceChildren(replaceClassName(reactToSolidComponent(Upload$1)));
-
-const _tmpl$$b = /*#__PURE__*/template(`<label class="ant-inline-flex ant-gap-4px"><input type="radio">`),
-  _tmpl$2$4 = /*#__PURE__*/template(`<label><input class="ant-w-0 ant-h-0" type="radio">`),
-  _tmpl$3$3 = /*#__PURE__*/template(`<div>`);
-const Radio = props => {
-  const [checked, setChecked] = createControllableValue(props, {
-    defaultValue: false,
-    defaultValuePropName: 'defaultChecked',
-    valuePropName: 'checked',
-    trigger: undefined
-  });
-  return (() => {
-    const _el$ = _tmpl$$b(),
-      _el$2 = _el$.firstChild;
-    _el$2.$$input = e => {
-      setChecked(e.target.checked);
-      untrack(() => props.onChange?.(e));
-    };
-    insert(_el$, () => props.children, null);
-    effect(() => _el$2.checked = checked());
-    effect(() => _el$2.value = props.value ?? '');
-    return _el$;
-  })();
-};
-Radio.Button = props => {
-  const [checked, setChecked] = createControllableValue(props, {
-    defaultValue: false,
-    defaultValuePropName: 'defaultChecked',
-    valuePropName: 'checked',
-    trigger: undefined
-  });
-  return (() => {
-    const _el$3 = _tmpl$2$4(),
-      _el$4 = _el$3.firstChild;
-    _el$4.$$input = e => {
-      setChecked(e.target.checked);
-      untrack(() => props.onChange?.(e));
-    };
-    insert(_el$3, () => props.children, null);
-    effect(() => className(_el$3, cs('ant-px-15px ant-[border:1px_solid_rgb(217,217,217)] first:ant-rounded-l-6px last:ant-rounded-r-6px ant-h-32px ant-inline-flex ant-items-center hover:ant-text-[var(--primary-color)] not[:last-child]:ant-border-r-transparent ant-cursor-pointer ant-flex-grow ant-justify-center', checked() && 'ant-text-[var(--primary-color)] ant-[border:1px_solid_var(--primary-color)] !ant-border-r-[var(--primary-color)]')));
-    effect(() => _el$4.checked = checked());
-    effect(() => _el$4.value = props.value ?? '');
-    return _el$3;
-  })();
-};
-Radio.Group = _props => {
-  const props = mergeProps({
-    optionType: 'default'
-  }, _props);
-  const [value, setValue] = createControllableValue(props, {
-    trigger: undefined
-  });
-  const isChecked = createSelector(value);
-  return (() => {
-    const _el$5 = _tmpl$3$3();
-    insert(_el$5, createComponent(For, {
-      get each() {
-        return props.options;
-      },
-      children: option => createComponent(Dynamic, {
-        get component() {
-          return props.optionType === 'default' ? Radio : Radio.Button;
-        },
-        get checked() {
-          return isChecked(option.value);
-        },
-        get value() {
-          return option.value;
-        },
-        onChange: e => {
-          setValue(option.value);
-          untrack(() => props.onChange?.(e));
-        },
-        get children() {
-          return option.label;
-        }
-      })
-    }));
-    effect(() => className(_el$5, cs(props.block ? 'ant-flex' : 'ant-inline-flex', props.optionType === 'default' ? 'ant-gap-8px' : '')));
-    return _el$5;
-  })();
-};
-delegateEvents(["input"]);
-
-const Context = createContext({});
-
-const _tmpl$$a = /*#__PURE__*/template(`<form>`);
-function Form$1(_props) {
-  const props = mergeProps({
-    layout: 'horizontal'
-  }, _props);
-  const rulesDict = {};
-  const setErrMsgDict = {};
-  const values = props.initialValues ? {
-    ...props.initialValues
-  } : {};
-  const formInstance = {
-    async validateFields() {
-      const promises = Object.entries(rulesDict).flatMap(([name, rules]) => {
-        return rules.map(async rule => await rule.validate(get(values, name)).catch(err => {
-          setErrMsgDict[name](err.message);
-          throw err;
-        }));
-      });
-      const results = await Promise.allSettled(promises);
-      if (results.some(result => result.status === 'rejected')) {
-        // eslint-disable-next-line @typescript-eslint/no-throw-literal
-        throw {
-          errorFields: results.filter(res => res.status === 'rejected'),
-          values
-        };
-      }
-      return values;
-    },
-    setFieldValue(name, value) {
-      set(values, name, value);
-    }
-  };
-  onMount(() => {
-    if (typeof _props.ref === 'function') {
-      _props.ref?.(formInstance);
-    }
-  });
-  // 存储 form item 的 dom 节点宽度
-  const [itemWidthDict, setItemWidthDict] = createSignal({});
-  const maxItemWidth = createMemo(() => max(Object.values(itemWidthDict())));
-  return (() => {
-    const _el$ = _tmpl$$a();
-    _el$.addEventListener("submit", e => {
-      e.preventDefault();
-    });
-    insert(_el$, createComponent(Context.Provider, {
-      get value() {
-        return {
-          formInstance,
-          rulesDict,
-          setErrMsgDict,
-          initialValues: props.initialValues,
-          setItemWidthDict,
-          maxItemWidth
-        };
-      },
-      get children() {
-        return props.children;
-      }
-    }));
-    return _el$;
-  })();
-}
-
-const _tmpl$$9 = /*#__PURE__*/template(`<span class="ant-mr-4px ant-text-[var(--ant-color-error)]">*`),
-  _tmpl$2$3 = /*#__PURE__*/template(`<label>`),
-  _tmpl$3$2 = /*#__PURE__*/template(`<div class="ant-text-[var(--ant-color-error)]">`),
-  _tmpl$4$1 = /*#__PURE__*/template(`<div><div class="ant-w-full">`);
-const FormItem = props => {
-  const {
-    formInstance,
-    rulesDict,
-    setErrMsgDict,
-    initialValues,
-    setItemWidthDict,
-    maxItemWidth
-  } = useContext(Context);
-  const [errMsg, setErrMsg] = createSignal('');
-  const id = nanoid();
-  onMount(() => {
-    if (isNil(props.name)) return;
-    if (!isNil(props.initialValue)) {
-      formInstance.setFieldValue(props.name, props.initialValue);
-    }
-    if (!isNil(props.rules)) {
-      rulesDict[props.name] = props.rules;
-    }
-    setErrMsgDict[props.name] = setErrMsg;
-  });
-  let label;
-  onMount(() => {
-    const resizeObserver = new ResizeObserver(entries => {
-      const [entry] = entries;
-      // Firefox implements `borderBoxSize` as a single content rect, rather than an array
-      const borderBoxSize = Array.isArray(entry.borderBoxSize) ? entry.borderBoxSize[0] : entry.borderBoxSize;
-      setItemWidthDict(dict => ({
-        ...dict,
-        [id]: borderBoxSize.inlineSize
-      }));
-    });
-    resizeObserver.observe(label);
-    onCleanup(() => {
-      setItemWidthDict(dict => {
-        // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
-        delete dict[id];
-        return {
-          ...dict
-        };
-      });
-      resizeObserver.disconnect();
-    });
-  });
-  const getLabel = hidden => (() => {
-    const _el$ = _tmpl$2$3();
-    spread(_el$, mergeProps$1({
-      get ["class"]() {
-        return cs('ant-shrink-0 ant-h-32px ant-leading-32px not[:empty]:ant-pr-8px ant-text-right ant-[white-space:nowrap]', hidden && 'ant-absolute ant-opacity-0');
-      }
-    }, () => hidden ? {
-      ref: el => {
-        label = el;
-      }
-    } : {
-      style: {
-        width: `${maxItemWidth() ?? 0}px`
-      }
-    }), false, true);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return !isNil(props.required);
-      },
-      get children() {
-        return _tmpl$$9();
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return !isNil(props.label);
-      },
-      get children() {
-        const _el$3 = _tmpl$2$3();
-        insert(_el$3, () => props.label);
-        return _el$3;
-      }
-    }), null);
-    return _el$;
-  })();
-  return (() => {
-    const _el$4 = _tmpl$4$1(),
-      _el$5 = _el$4.firstChild;
-    insert(_el$4, () => getLabel(true), _el$5);
-    insert(_el$4, getLabel, _el$5);
-    insert(_el$5, createComponent(Dynamic, {
-      get component() {
-        return props.component;
-      },
-      get defaultValue() {
-        return props.initialValue ?? get(initialValues, props.name);
-      },
-      get status() {
-        return errMsg() ? 'error' : undefined;
-      },
-      onChange: value => {
-        if (!isNil(props.name)) formInstance.setFieldValue(props.name, value);
-        props.rules?.forEach(rule => {
-          rule.validate(value).then(() => {
-            setErrMsg('');
-          }).catch(err => {
-            setErrMsg(err.message);
-          });
-        });
-      }
-    }), null);
-    insert(_el$5, createComponent(Show, {
-      get when() {
-        return errMsg();
-      },
-      get children() {
-        const _el$6 = _tmpl$3$2();
-        insert(_el$6, errMsg);
-        return _el$6;
-      }
-    }), null);
-    effect(_p$ => {
-      const _v$ = cs(props.class, 'ant-flex ant-items-center ant-mb-16px'),
-        _v$2 = props.style;
-      _v$ !== _p$._v$ && className(_el$4, _p$._v$ = _v$);
-      _p$._v$2 = style(_el$4, _v$2, _p$._v$2);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-    return _el$4;
-  })();
-};
-
-const Form = Form$1;
-Form.Item = FormItem;
-
-const _tmpl$$8 = /*#__PURE__*/template(`<button><div>`);
-const Switch = props => {
-  const [checked, setChecked] = createControllableValue(props, {
-    defaultValuePropName: 'defaultChecked',
-    valuePropName: 'checked'
-  });
-  return (() => {
-    const _el$ = _tmpl$$8(),
-      _el$2 = _el$.firstChild;
-    _el$.$$click = () => setChecked(c => !c);
-    effect(_p$ => {
-      const _v$ = cs('ant-w-44px ant-h-22px ant-rounded-100px ant-relative', checked() ? 'ant-bg-[var(--primary-color)]' : 'ant-bg-[rgba(0,0,0,0.45)]'),
-        _v$2 = cs('ant-w-18px ant-h-18px ant-rounded-50% ant-bg-white ant-absolute ant-top-1/2 -ant-translate-y-1/2 ant-transition-left', checked() ? 'ant-left-[calc(100%-20px)]' : 'ant-left-2px');
-      _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && className(_el$2, _p$._v$2 = _v$2);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-    return _el$;
-  })();
-};
-delegateEvents(["click"]);
-
-const _Skeleton = replaceClassName(reactToSolidComponent(Skeleton$1));
-const Image$1 = replaceClassName(reactToSolidComponent(Skeleton$1.Image));
-const Skeleton = _Skeleton;
-Skeleton.Image = Image$1;
-
-const _tmpl$$7 = /*#__PURE__*/template(`<div class="ant-absolute ant-inset-0 ant-flex ant-items-center ant-justify-center ant-bg-[rgba(255,255,255,.5)]"><span class="i-ant-design:loading keyframes-spin ant-[animation:spin_1s_linear_infinite] ant-text-32px ant-text-[var(--primary-color)]">`),
-  _tmpl$2$2 = /*#__PURE__*/template(`<div class="ant-relative ant-min-h-32px">`);
-const Spin = props => {
-  return (() => {
-    const _el$ = _tmpl$2$2();
-    insert(_el$, () => props.children, null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return props.spinning;
-      },
-      get children() {
-        return _tmpl$$7();
-      }
-    }), null);
-    return _el$;
-  })();
-};
-
-const _tmpl$$6 = /*#__PURE__*/template(`<div class="ant-inline-flex">`);
-const _Image = replaceClassName(reactToSolidComponent(configProvider(Image$2), () => _tmpl$$6()));
-function Image(_props) {
-  const props = createMemo(() => mapValues(_props, (value, key) => {
-    switch (key) {
-      case 'placeholder':
-        return solidToReact(value);
-      default:
-        return value;
-    }
-  }));
-  return createComponent(_Image, mergeProps$1(props));
-}
-
-const _tmpl$$5 = /*#__PURE__*/template(`<svg width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 1)" fill="none" fill-rule="evenodd"><ellipse fill="#f5f5f5" cx="32" cy="33" rx="32" ry="7"></ellipse><g fill-rule="nonzero" stroke="#d9d9d9"><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="#fafafa">`);
-const EmptySvg$1 = () => _tmpl$$5();
-
-const _tmpl$$4 = /*#__PURE__*/template(`<div class="ant-my-[var(--ant-margin-xl)] ant-mx-[var(--ant-margin-xs)]"><div class="ant-mb-[var(--ant-margin-xs)] ant-flex ant-justify-center"></div><div class="ant-text-[var(--ant-color-text-disabled)] ant-text-center">暂无数据`);
-const PRESENTED_IMAGE_SIMPLE = () => {
-  return (() => {
-    const _el$ = _tmpl$$4(),
-      _el$2 = _el$.firstChild;
-    insert(_el$2, createComponent(EmptySvg$1, {}));
-    return _el$;
-  })();
-};
-
-const _tmpl$$3 = /*#__PURE__*/template(`<svg width="184" height="100" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(24 31.67)"><ellipse fill-opacity=".8" fill="#F5F5F7" cx="67.797" cy="106.89" rx="67.797" ry="12.668"></ellipse><path d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z" fill="#AEB8C2"></path><path d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z" fill="url(#linearGradient-1)" transform="translate(13.56)"></path><path d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z" fill="#F5F5F7"></path><path d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z" fill="#DCE0E6"></path></g><path d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z" fill="#DCE0E6"></path><g transform="translate(149.65 15.383)" fill="#FFF"><ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815"></ellipse><path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z">`);
-const EmptySvg = () => _tmpl$$3();
-
-const _tmpl$$2 = /*#__PURE__*/template(`<div><div class="ant-mb-[var(--ant-margin-xs)] ant-flex ant-justify-center"></div><div class="ant-text-[var(--ant-color-text)] ant-text-center">暂无数据`);
-const Empty = () => {
-  return (() => {
-    const _el$ = _tmpl$$2(),
-      _el$2 = _el$.firstChild;
-    insert(_el$2, createComponent(EmptySvg, {}));
-    return _el$;
-  })();
-};
-Empty.PRESENTED_IMAGE_SIMPLE = PRESENTED_IMAGE_SIMPLE;
-
-const _tmpl$$1 = /*#__PURE__*/template(`<div><table class="ant-w-full"><thead><tr></tr></thead><tbody>`),
-  _tmpl$2$1 = /*#__PURE__*/template(`<th class="ant-p-16px ant-bg-[var(--light-bg-color)] ant-font-bold ant-[border-bottom:1px_solid_var(--secondary-border-color)] ant-text-left">`),
-  _tmpl$3$1 = /*#__PURE__*/template(`<tr class="hover:ant-bg-[var(--light-bg-color)]">`),
-  _tmpl$4 = /*#__PURE__*/template(`<td class="ant-p-16px ant-[border-bottom:1px_solid_var(--secondary-border-color)]">`);
-const Table = props => {
-  return (() => {
-    const _el$ = _tmpl$$1(),
-      _el$2 = _el$.firstChild,
-      _el$3 = _el$2.firstChild,
-      _el$4 = _el$3.firstChild,
-      _el$5 = _el$3.nextSibling;
-    insert(_el$4, createComponent(For, {
-      get each() {
-        return props.columns;
-      },
-      children: item => (() => {
-        const _el$6 = _tmpl$2$1();
-        insert(_el$6, () => item.title);
-        return _el$6;
-      })()
-    }));
-    insert(_el$5, createComponent(For, {
-      get each() {
-        return props.dataSource;
-      },
-      children: row => (() => {
-        const _el$7 = _tmpl$3$1();
-        insert(_el$7, createComponent(For, {
-          get each() {
-            return props.columns;
-          },
-          children: item => (() => {
-            const _el$8 = _tmpl$4();
-            insert(_el$8, () => item.render(row));
-            return _el$8;
-          })()
-        }));
-        return _el$7;
-      })()
-    }));
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return !props.dataSource.length;
-      },
-      get children() {
-        return createComponent(Empty.PRESENTED_IMAGE_SIMPLE, {});
-      }
-    }), null);
-    return _el$;
-  })();
-};
-
-const _tmpl$ = /*#__PURE__*/template(`<div>`),
-  _tmpl$2 = /*#__PURE__*/template(`<div class="ant-overflow-hidden"><div class="ant-p-[var(--ant-padding-sm)] ant-[border-top:1px_solid_var(--ant-color-border)]">`),
-  _tmpl$3 = /*#__PURE__*/template(`<div class="ant-[border-bottom:1px_solid_var(--ant-color-border)] first:ant-rounded-t-[var(--ant-border-radius-lg)] last:ant-rounded-b-[var(--ant-border-radius-lg)] ant-cursor-pointer"><div class="ant-bg-[var(--ant-collapse-header-bg)] ant-text-[var(--ant-color-text-heading)] ant-p-[var(--ant-collapse-header-padding)]"><span>`);
-const Collapse = props => {
-  const [activeKey, setActiveKey] = createControllableValue(props, {
-    defaultValuePropName: 'defaultActiveKey',
-    valuePropName: 'activeKey',
-    defaultValue: []
-  });
-  return (() => {
-    const _el$ = _tmpl$();
-    insert(_el$, createComponent(For, {
-      get each() {
-        return props.items;
-      },
-      children: item => (() => {
-        const _el$2 = _tmpl$3(),
-          _el$3 = _el$2.firstChild,
-          _el$4 = _el$3.firstChild;
-        _el$3.$$click = () => {
-          setActiveKey(keys => {
-            if (keys.includes(item.key)) {
-              return keys.filter(key => key !== item.key);
-            }
-            return [...keys, item.key];
-          });
-        };
-        insert(_el$3, () => item.label, null);
-        insert(_el$2, createComponent(Transition, {
-          onEnter: (el, done) => {
-            el.animate([{
-              height: '0px'
-            }, {
-              height: `${el.scrollHeight}px`
-            }], {
-              duration: 300
-            }).finished.finally(done);
-          },
-          onExit: (el, done) => {
-            el.animate([{
-              height: `${el.scrollHeight}px`
-            }, {
-              height: '0px'
-            }], {
-              duration: 300
-            }).finished.finally(done);
-          },
-          get children() {
-            return createComponent(Show, {
-              get when() {
-                return activeKey().includes(item.key);
-              },
-              get children() {
-                const _el$5 = _tmpl$2(),
-                  _el$6 = _el$5.firstChild;
-                insert(_el$6, () => item.children);
-                return _el$5;
-              }
-            });
-          }
-        }), null);
-        effect(() => className(_el$4, cs('i-ant-design:right-outlined', 'ant-mr-[var(--ant-margin-sm)] ant-duration-.3s', activeKey().includes(item.key) && 'ant-rotate-[90deg]')));
-        return _el$2;
-      })()
-    }));
-    effect(_p$ => {
-      const _v$ = cs('ant-rounded-[var(--ant-border-radius-lg)] ant-[border:1px_solid_var(--ant-color-border)] ant-border-b-0', props.class),
-        _v$2 = props.style;
-      _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
-      _p$._v$2 = style(_el$, _v$2, _p$._v$2);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-    return _el$;
-  })();
-};
-delegateEvents(["click"]);
-
-export { Button, Collapse, ColorPicker, Compact, DatePicker, Empty, Form, Image, Input, InputNumber, Modal, Popconfirm, Popover, Progress, Radio, Result, Segmented, Select, Skeleton, Spin, Switch, Table, Tabs, Timeline, Tooltip, Tree, Upload, createControllableValue };