antd-solid 0.0.25 → 0.0.27

package/dist/index.esm.js

@@ -702,7 +702,7 @@ function createControllableValue(props, options = {}) {
   const setValue = v => {
     const _value = untrack(value);
     const newValue = typeof v === 'function' ? v(_value) : v;
-    if (newValue === _value) return;
+    if (newValue === _value) return newValue;
     if (!isControlled()) {
       _setValue(newValue);
     }
@@ -2527,7 +2527,7 @@ var _tmpl$$D = /*#__PURE__*/template(`<div class=w-full>`),
   _tmpl$3$f = /*#__PURE__*/template(`<div tabindex=0><div>`),
   _tmpl$4$9 = /*#__PURE__*/template(`<div class="w-[--ant-select-popup-match-width] max-h-400px overflow-auto [font-size:var(--ant-select-popup-font-size)]">`),
   _tmpl$5$5 = /*#__PURE__*/template(`<span class="inline-block w-0"> `),
-  _tmpl$6$2 = /*#__PURE__*/template(`<span class="block w-full h-[calc(var(--ant-select-input-height)-2px)] leading-[calc(var(--ant-select-input-height)-2px)] text-[var(--ant-color-text-placeholder)]">`),
+  _tmpl$6$2 = /*#__PURE__*/template(`<span class="block w-full h-[calc(var(--ant-select-input-height)-2px)] leading-[calc(var(--ant-select-input-height)-2px)] text-[var(--ant-color-text-placeholder)] ellipsis">`),
   _tmpl$7$1 = /*#__PURE__*/template(`<div class="w-full h-[calc(var(--ant-select-input-height)-2px)] leading-[calc(var(--ant-select-input-height)-2px)] ellipsis">`),
   _tmpl$8 = /*#__PURE__*/template(`<span class="inline-block my-2px mr-4px bg-[var(--ant-select-multiple-item-bg)] leading-[var(--ant-select-multiple-item-height)] h-[var(--ant-select-multiple-item-height)] pl-8px pr-4px rounded-[var(--ant-border-radius-sm)]"><span class="i-ant-design:close-outlined text-[var(--ant-color-icon)] hover:text-[var(--ant-color-icon-hover)] text-12px cursor-pointer">`),
   _tmpl$9 = /*#__PURE__*/template(`<span class="i-ant-design:down-outlined text-[var(--ant-color-text-quaternary)] text-12px">`);
@@ -2943,16 +2943,16 @@ const Checkbox = props => {
           _el$2 = _el$.firstChild;
         _el$2.addEventListener("change", e => {
           if (props.disabled) return;
-          e.target.checked = setChecked(v => !v);
+          e.target.checked = props.indeterminate ? setChecked(true) : setChecked(v => !v);
           props.onChange?.(e);
         });
         effect(() => className(_el$, cs('w-16px h-16px rounded-[var(--ant-border-radius-sm)] relative', (() => {
-          if (checked()) {
-            return ['after:content-empty after:block after:absolute after:top-[calc(50%-1px)] after:left-1/2 after:-translate-1/2 after:-rotate-45 after:w-10px after:h-6px', 'after:border-solid after:border-2px after:border-t-0px after:border-r-0px', props.disabled ? 'bg-[var(--ant-color-bg-container-disabled)] [border:1px_solid_var(--ant-color-border)] after:border-[var(--ant-color-text-disabled)]' : 'bg-[var(--ant-color-primary)] after:border-white'];
-          }
           if (props.indeterminate) {
             return ['[border:1px_solid_var(--ant-color-border)]', 'after:content-empty after:block after:absolute after:top-1/2 after:left-1/2 after:-translate-1/2 after:w-8px after:h-8px', props.disabled ? 'after:bg-[var(--ant-color-text-disabled)]' : 'after:bg-[var(--ant-color-primary)]'];
           }
+          if (checked()) {
+            return ['after:content-empty after:block after:absolute after:top-[calc(50%-1px)] after:left-1/2 after:-translate-1/2 after:-rotate-45 after:w-10px after:h-6px', 'after:border-solid after:border-2px after:border-t-0px after:border-r-0px', props.disabled ? 'bg-[var(--ant-color-bg-container-disabled)] [border:1px_solid_var(--ant-color-border)] after:border-[var(--ant-color-text-disabled)]' : 'bg-[var(--ant-color-primary)] after:border-white'];
+          }
           return ['[border:1px_solid_var(--ant-color-border)]', props.disabled ? 'bg-[var(--ant-color-bg-container-disabled)]' : 'bg-[--ant-color-bg-container]'];
         })())));
         return _el$;
@@ -5283,7 +5283,7 @@ var _tmpl$$f = /*#__PURE__*/template(`<label class=mr-4px>`),
   _tmpl$2$6 = /*#__PURE__*/template(`<span class=text-[var(--ant-color-error)]>*`),
   _tmpl$3$6 = /*#__PURE__*/template(`<div class="flex items-center"><label>`),
   _tmpl$4$4 = /*#__PURE__*/template(`<div class="absolute top-[100%] text-[var(--ant-color-error)]">`),
-  _tmpl$5$3 = /*#__PURE__*/template(`<div class="flex flex-col relative flex-grow-1"><div>`);
+  _tmpl$5$3 = /*#__PURE__*/template(`<div class="flex flex-col relative flex-grow-1"><div class=flex>`);
 const FormItem = props => {
   const {
     formInstance,