@rockshin/tao-ui 0.0.1 → 0.0.2

package/dist/components/select/select.js

@@ -11,7 +11,7 @@ const defaultFilter = (input, option)=>{
     return label.toLowerCase().includes(input.toLowerCase());
 };
 function Select(props) {
-    const $ = c(95);
+    const $ = c(101);
     const { options, value, onChange, placeholder, size, variant, disabled, showSearch, filterOption, allowClear, loading, notFoundContent: t0, prefix, mobile } = props;
     const notFoundContent = void 0 === t0 ? "No results" : t0;
     const ctx = useTaoConfig();
@@ -109,33 +109,42 @@ function Select(props) {
             $[19] = t9;
         } else t9 = $[19];
         let t10;
-        if ($[20] !== placeholder || $[21] !== selectedOption) {
-            t10 = selectedOption ? selectedOption.label : /*#__PURE__*/ jsx("span", {
-                "data-tao-select-placeholder": "",
-                children: placeholder
+        if ($[20] !== selectedOption) {
+            t10 = selectedOption?.icon != null && /*#__PURE__*/ jsx("span", {
+                "data-tao-select-value-icon": "",
+                children: selectedOption.icon
             });
-            $[20] = placeholder;
-            $[21] = selectedOption;
-            $[22] = t10;
-        } else t10 = $[22];
+            $[20] = selectedOption;
+            $[21] = t10;
+        } else t10 = $[21];
         let t11;
-        if ($[23] !== t10) {
-            t11 = /*#__PURE__*/ jsx("span", {
-                "data-tao-select-value": "",
-                children: t10
+        if ($[22] !== placeholder || $[23] !== selectedOption) {
+            t11 = selectedOption ? selectedOption.label : /*#__PURE__*/ jsx("span", {
+                "data-tao-select-placeholder": "",
+                children: placeholder
             });
-            $[23] = t10;
+            $[22] = placeholder;
+            $[23] = selectedOption;
             $[24] = t11;
         } else t11 = $[24];
         let t12;
-        if ($[25] !== loading) {
-            t12 = loading && /*#__PURE__*/ jsx(LoadingIcon, {});
-            $[25] = loading;
+        if ($[25] !== t11) {
+            t12 = /*#__PURE__*/ jsx("span", {
+                "data-tao-select-value": "",
+                children: t11
+            });
+            $[25] = t11;
             $[26] = t12;
         } else t12 = $[26];
         let t13;
-        if ($[27] !== handleClear || $[28] !== hovering || $[29] !== showClearBtn) {
-            t13 = showClearBtn && hovering ? /*#__PURE__*/ jsx("span", {
+        if ($[27] !== loading) {
+            t13 = loading && /*#__PURE__*/ jsx(LoadingIcon, {});
+            $[27] = loading;
+            $[28] = t13;
+        } else t13 = $[28];
+        let t14;
+        if ($[29] !== handleClear || $[30] !== hovering || $[31] !== showClearBtn) {
+            t14 = showClearBtn && hovering ? /*#__PURE__*/ jsx("span", {
                 "data-tao-select-clear": "",
                 onClick: handleClear,
                 role: "button",
@@ -145,27 +154,27 @@ function Select(props) {
                 "data-tao-select-icon": "",
                 children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
             });
-            $[27] = handleClear;
-            $[28] = hovering;
-            $[29] = showClearBtn;
-            $[30] = t13;
-        } else t13 = $[30];
-        let t14;
-        if ($[31] !== t12 || $[32] !== t13) {
-            t14 = /*#__PURE__*/ jsxs("span", {
+            $[29] = handleClear;
+            $[30] = hovering;
+            $[31] = showClearBtn;
+            $[32] = t14;
+        } else t14 = $[32];
+        let t15;
+        if ($[33] !== t13 || $[34] !== t14) {
+            t15 = /*#__PURE__*/ jsxs("span", {
                 "data-tao-select-icons": "",
                 children: [
-                    t12,
-                    t13
+                    t13,
+                    t14
                 ]
             });
-            $[31] = t12;
-            $[32] = t13;
-            $[33] = t14;
-        } else t14 = $[33];
-        let t15;
-        if ($[34] !== resolvedDisabled || $[35] !== resolvedSize || $[36] !== resolvedVariant || $[37] !== t11 || $[38] !== t14 || $[39] !== t5 || $[40] !== t9) {
-            t15 = /*#__PURE__*/ jsxs("button", {
+            $[33] = t13;
+            $[34] = t14;
+            $[35] = t15;
+        } else t15 = $[35];
+        let t16;
+        if ($[36] !== resolvedDisabled || $[37] !== resolvedSize || $[38] !== resolvedVariant || $[39] !== t10 || $[40] !== t12 || $[41] !== t15 || $[42] !== t5 || $[43] !== t9) {
+            t16 = /*#__PURE__*/ jsxs("button", {
                 type: "button",
                 "data-tao-control": "",
                 "data-tao-select": "",
@@ -178,29 +187,31 @@ function Select(props) {
                 onMouseLeave: t8,
                 children: [
                     t9,
-                    t11,
-                    t14
+                    t10,
+                    t12,
+                    t15
                 ]
             });
-            $[34] = resolvedDisabled;
-            $[35] = resolvedSize;
-            $[36] = resolvedVariant;
-            $[37] = t11;
-            $[38] = t14;
-            $[39] = t5;
-            $[40] = t9;
+            $[36] = resolvedDisabled;
+            $[37] = resolvedSize;
+            $[38] = resolvedVariant;
+            $[39] = t10;
+            $[40] = t12;
             $[41] = t15;
-        } else t15 = $[41];
-        let t16;
-        if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-            t16 = ()=>handleOpenChange(false);
-            $[42] = t16;
-        } else t16 = $[42];
+            $[42] = t5;
+            $[43] = t9;
+            $[44] = t16;
+        } else t16 = $[44];
         let t17;
-        if ($[43] !== filterOption || $[44] !== notFoundContent || $[45] !== onChange || $[46] !== open || $[47] !== options || $[48] !== placeholder || $[49] !== showSearch || $[50] !== value) {
-            t17 = /*#__PURE__*/ jsx(MobileSelectDrawer, {
+        if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+            t17 = ()=>handleOpenChange(false);
+            $[45] = t17;
+        } else t17 = $[45];
+        let t18;
+        if ($[46] !== filterOption || $[47] !== notFoundContent || $[48] !== onChange || $[49] !== open || $[50] !== options || $[51] !== placeholder || $[52] !== showSearch || $[53] !== value) {
+            t18 = /*#__PURE__*/ jsx(MobileSelectDrawer, {
                 open: open,
-                onClose: t16,
+                onClose: t17,
                 options: options,
                 value: value,
                 onChange: onChange,
@@ -209,68 +220,77 @@ function Select(props) {
                 filterOption: filterOption,
                 notFoundContent: notFoundContent
             });
-            $[43] = filterOption;
-            $[44] = notFoundContent;
-            $[45] = onChange;
-            $[46] = open;
-            $[47] = options;
-            $[48] = placeholder;
-            $[49] = showSearch;
-            $[50] = value;
-            $[51] = t17;
-        } else t17 = $[51];
-        let t18;
-        if ($[52] !== t15 || $[53] !== t17) {
-            t18 = /*#__PURE__*/ jsxs(Fragment, {
+            $[46] = filterOption;
+            $[47] = notFoundContent;
+            $[48] = onChange;
+            $[49] = open;
+            $[50] = options;
+            $[51] = placeholder;
+            $[52] = showSearch;
+            $[53] = value;
+            $[54] = t18;
+        } else t18 = $[54];
+        let t19;
+        if ($[55] !== t16 || $[56] !== t18) {
+            t19 = /*#__PURE__*/ jsxs(Fragment, {
                 children: [
-                    t15,
-                    t17
+                    t16,
+                    t18
                 ]
             });
-            $[52] = t15;
-            $[53] = t17;
-            $[54] = t18;
-        } else t18 = $[54];
-        return t18;
+            $[55] = t16;
+            $[56] = t18;
+            $[57] = t19;
+        } else t19 = $[57];
+        return t19;
     }
     const t5 = resolvedDisabled || void 0;
     let t6;
     let t7;
-    if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[58] === Symbol.for("react.memo_cache_sentinel")) {
         t6 = ()=>setHovering(true);
         t7 = ()=>setHovering(false);
-        $[55] = t6;
-        $[56] = t7;
+        $[58] = t6;
+        $[59] = t7;
     } else {
-        t6 = $[55];
-        t7 = $[56];
+        t6 = $[58];
+        t7 = $[59];
     }
     let t8;
-    if ($[57] !== prefix) {
+    if ($[60] !== prefix) {
         t8 = null != prefix && /*#__PURE__*/ jsx("span", {
             "data-tao-select-prefix": "",
             children: prefix
         });
-        $[57] = prefix;
-        $[58] = t8;
-    } else t8 = $[58];
+        $[60] = prefix;
+        $[61] = t8;
+    } else t8 = $[61];
     let t9;
-    if ($[59] !== placeholder) {
-        t9 = /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.Value, {
-            placeholder: placeholder
+    if ($[62] !== selectedOption) {
+        t9 = selectedOption?.icon != null && /*#__PURE__*/ jsx("span", {
+            "data-tao-select-value-icon": "",
+            children: selectedOption.icon
         });
-        $[59] = placeholder;
-        $[60] = t9;
-    } else t9 = $[60];
+        $[62] = selectedOption;
+        $[63] = t9;
+    } else t9 = $[63];
     let t10;
-    if ($[61] !== loading) {
-        t10 = loading && /*#__PURE__*/ jsx(LoadingIcon, {});
-        $[61] = loading;
-        $[62] = t10;
-    } else t10 = $[62];
+    if ($[64] !== placeholder) {
+        t10 = /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.Value, {
+            placeholder: placeholder
+        });
+        $[64] = placeholder;
+        $[65] = t10;
+    } else t10 = $[65];
     let t11;
-    if ($[63] !== handleClear || $[64] !== hovering || $[65] !== showClearBtn) {
-        t11 = showClearBtn && hovering ? /*#__PURE__*/ jsx("span", {
+    if ($[66] !== loading) {
+        t11 = loading && /*#__PURE__*/ jsx(LoadingIcon, {});
+        $[66] = loading;
+        $[67] = t11;
+    } else t11 = $[67];
+    let t12;
+    if ($[68] !== handleClear || $[69] !== hovering || $[70] !== showClearBtn) {
+        t12 = showClearBtn && hovering ? /*#__PURE__*/ jsx("span", {
             "data-tao-select-clear": "",
             onClick: handleClear,
             role: "button",
@@ -280,27 +300,27 @@ function Select(props) {
             "data-tao-select-icon": "",
             children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
         });
-        $[63] = handleClear;
-        $[64] = hovering;
-        $[65] = showClearBtn;
-        $[66] = t11;
-    } else t11 = $[66];
-    let t12;
-    if ($[67] !== t10 || $[68] !== t11) {
-        t12 = /*#__PURE__*/ jsxs("span", {
+        $[68] = handleClear;
+        $[69] = hovering;
+        $[70] = showClearBtn;
+        $[71] = t12;
+    } else t12 = $[71];
+    let t13;
+    if ($[72] !== t11 || $[73] !== t12) {
+        t13 = /*#__PURE__*/ jsxs("span", {
             "data-tao-select-icons": "",
             children: [
-                t10,
-                t11
+                t11,
+                t12
             ]
         });
-        $[67] = t10;
-        $[68] = t11;
-        $[69] = t12;
-    } else t12 = $[69];
-    let t13;
-    if ($[70] !== resolvedSize || $[71] !== resolvedVariant || $[72] !== t12 || $[73] !== t5 || $[74] !== t8 || $[75] !== t9) {
-        t13 = /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_select_36a82244.Trigger, {
+        $[72] = t11;
+        $[73] = t12;
+        $[74] = t13;
+    } else t13 = $[74];
+    let t14;
+    if ($[75] !== resolvedSize || $[76] !== resolvedVariant || $[77] !== t10 || $[78] !== t13 || $[79] !== t5 || $[80] !== t8 || $[81] !== t9) {
+        t14 = /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_select_36a82244.Trigger, {
             "data-tao-control": "",
             "data-tao-select": "",
             "data-tao-size": resolvedSize,
@@ -311,20 +331,22 @@ function Select(props) {
             children: [
                 t8,
                 t9,
-                t12
+                t10,
+                t13
             ]
         });
-        $[70] = resolvedSize;
-        $[71] = resolvedVariant;
-        $[72] = t12;
-        $[73] = t5;
-        $[74] = t8;
-        $[75] = t9;
-        $[76] = t13;
-    } else t13 = $[76];
-    let t14;
-    if ($[77] !== search || $[78] !== showSearch) {
-        t14 = showSearch && /*#__PURE__*/ jsxs("div", {
+        $[75] = resolvedSize;
+        $[76] = resolvedVariant;
+        $[77] = t10;
+        $[78] = t13;
+        $[79] = t5;
+        $[80] = t8;
+        $[81] = t9;
+        $[82] = t14;
+    } else t14 = $[82];
+    let t15;
+    if ($[83] !== search || $[84] !== showSearch) {
+        t15 = showSearch && /*#__PURE__*/ jsxs("div", {
             "data-tao-select-search": "",
             children: [
                 /*#__PURE__*/ jsx(SearchIcon, {}),
@@ -337,77 +359,91 @@ function Select(props) {
                 })
             ]
         });
-        $[77] = search;
-        $[78] = showSearch;
-        $[79] = t14;
-    } else t14 = $[79];
-    let t15;
-    if ($[80] !== filteredOptions || $[81] !== notFoundContent) {
-        t15 = filteredOptions.length > 0 ? filteredOptions.map(_temp) : /*#__PURE__*/ jsx("div", {
+        $[83] = search;
+        $[84] = showSearch;
+        $[85] = t15;
+    } else t15 = $[85];
+    let t16;
+    if ($[86] !== filteredOptions || $[87] !== notFoundContent) {
+        t16 = filteredOptions.length > 0 ? filteredOptions.map(_temp) : /*#__PURE__*/ jsx("div", {
             "data-tao-select-empty": "",
             children: notFoundContent
         });
-        $[80] = filteredOptions;
-        $[81] = notFoundContent;
-        $[82] = t15;
-    } else t15 = $[82];
-    let t16;
-    if ($[83] !== t15) {
-        t16 = /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.Viewport, {
+        $[86] = filteredOptions;
+        $[87] = notFoundContent;
+        $[88] = t16;
+    } else t16 = $[88];
+    let t17;
+    if ($[89] !== t16) {
+        t17 = /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.Viewport, {
             "data-tao-select-viewport": "",
-            children: t15
+            children: t16
         });
-        $[83] = t15;
-        $[84] = t16;
-    } else t16 = $[84];
-    let t17;
-    if ($[85] !== t14 || $[86] !== t16) {
-        t17 = /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.Portal, {
+        $[89] = t16;
+        $[90] = t17;
+    } else t17 = $[90];
+    let t18;
+    if ($[91] !== t15 || $[92] !== t17) {
+        t18 = /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.Portal, {
             children: /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_select_36a82244.Content, {
                 "data-tao-select-content": "",
                 position: "popper",
                 sideOffset: 4,
                 children: [
-                    t14,
-                    t16
+                    t15,
+                    t17
                 ]
             })
         });
-        $[85] = t14;
-        $[86] = t16;
-        $[87] = t17;
-    } else t17 = $[87];
-    let t18;
-    if ($[88] !== onChange || $[89] !== open || $[90] !== resolvedDisabled || $[91] !== t13 || $[92] !== t17 || $[93] !== value) {
-        t18 = /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_select_36a82244.Root, {
+        $[91] = t15;
+        $[92] = t17;
+        $[93] = t18;
+    } else t18 = $[93];
+    let t19;
+    if ($[94] !== onChange || $[95] !== open || $[96] !== resolvedDisabled || $[97] !== t14 || $[98] !== t18 || $[99] !== value) {
+        t19 = /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_select_36a82244.Root, {
             value: value,
             onValueChange: onChange,
             disabled: resolvedDisabled,
             open: open,
             onOpenChange: handleOpenChange,
             children: [
-                t13,
-                t17
+                t14,
+                t18
             ]
         });
-        $[88] = onChange;
-        $[89] = open;
-        $[90] = resolvedDisabled;
-        $[91] = t13;
-        $[92] = t17;
-        $[93] = value;
-        $[94] = t18;
-    } else t18 = $[94];
-    return t18;
+        $[94] = onChange;
+        $[95] = open;
+        $[96] = resolvedDisabled;
+        $[97] = t14;
+        $[98] = t18;
+        $[99] = value;
+        $[100] = t19;
+    } else t19 = $[100];
+    return t19;
 }
 function _temp(opt) {
     return /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_select_36a82244.Item, {
         value: opt.value,
         disabled: opt.disabled,
         "data-tao-select-item": "",
+        "data-tao-has-desc": null != opt.description || void 0,
         children: [
-            /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.ItemText, {
-                children: opt.label
+            null != opt.icon && /*#__PURE__*/ jsx("span", {
+                "data-tao-select-item-icon": "",
+                children: opt.icon
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                "data-tao-select-item-main": "",
+                children: [
+                    /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.ItemText, {
+                        children: opt.label
+                    }),
+                    null != opt.description && /*#__PURE__*/ jsx("span", {
+                        "data-tao-select-item-desc": "",
+                        children: opt.description
+                    })
+                ]
             }),
             /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.ItemIndicator, {
                 "data-tao-select-check": "",

package/dist/components/splitter/splitter.css

@@ -307,6 +307,8 @@
     --tao-radius: 6px;
     --tao-font-size: 14px;
     --tao-control-height: 36px;
+    --tao-control-width: 200px;
+    --tao-control-range-width: 360px;
     --tao-size-unit: 4px;
     --tao-line-width: 1px;
     --tao-font-family: "Geist Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
@@ -529,8 +531,8 @@
   }
 
   :root, [data-tao-provider] {
-    --tao-color-bg-container: var(--tao-color-bg-base);
-    --tao-color-bg-elevated: var(--tao-color-bg-base);
+    --tao-color-bg-container: oklch(100% 0 0);
+    --tao-color-bg-elevated: oklch(100% 0 0);
     --tao-color-border: var(--tao-color-text-base);
   }
 
@@ -541,16 +543,7 @@
   }
 
   :root, [data-tao-provider] {
-    --tao-color-border-secondary: var(--tao-color-text-base);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    :root, [data-tao-provider] {
-      --tao-color-border-secondary: color-mix(in oklch, var(--tao-color-text-base) 10%, var(--tao-color-bg-base));
-    }
-  }
-
-  :root, [data-tao-provider] {
+    --tao-color-border-secondary: #0000170b;
     --tao-radius-xs: 2px;
     --tao-radius-sm: calc(var(--tao-radius) - 2px);
     --tao-radius-md: var(--tao-radius);
@@ -633,6 +626,10 @@
     visibility: collapse;
   }
 
+  .visible {
+    visibility: visible;
+  }
+
   .absolute {
     position: absolute;
   }
@@ -715,6 +712,10 @@
     display: inline;
   }
 
+  .inline-flex {
+    display: inline-flex;
+  }
+
   .table {
     display: table;
   }
@@ -727,6 +728,10 @@
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
 
+  .resize {
+    resize: both;
+  }
+
   .flex-wrap {
     flex-wrap: wrap;
   }
@@ -742,6 +747,14 @@
     border-width: 1px;
   }
 
+  .italic {
+    font-style: italic;
+  }
+
+  .underline {
+    text-decoration-line: underline;
+  }
+
   .shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -771,6 +784,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+
+  .select-all {
+    -webkit-user-select: all;
+    user-select: all;
+  }
 }
 
 [data-tao-splitter] {