@sdata/web-vue 1.7.1 → 1.8.0

package/es/time-picker/time-picker.js

@@ -65,7 +65,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			error: _ctx.error,
 			readonly: _ctx.readonly,
 			editable: !_ctx.readonly,
-			"allow-clear": _ctx.allowClear && !_ctx.readonly,
+			"allow-clear": _ctx.mergedAllowClear && !_ctx.readonly,
 			placeholder: _ctx.computedPlaceholder,
 			onClear: _ctx.onInputClear
 		}), createSlots({

package/es/time-picker/time-picker.vue.d.ts

@@ -95,6 +95,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     inputValue: import("vue").Ref<string | (string | undefined)[] | undefined, string | (string | undefined)[] | undefined>;
     computedFormat: import("vue").ComputedRef<string>;
     computedUse12Hours: import("vue").ComputedRef<boolean>;
+    mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
     inputProps: import("vue").ComputedRef<{
         focusedIndex: number;
         onFocusedIndexChange: (index: number) => void;

package/es/time-picker/time-picker.vue_vue_type_script_lang.js

@@ -1,6 +1,7 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isUndefined } from "../_utils/is.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import { useI18n } from "../locale/index.js";
@@ -90,8 +91,9 @@ var time_picker_vue_vue_type_script_lang_default = defineComponent({
 		"update:popupVisible": (_visible) => true
 	},
 	setup(props, { emit }) {
-		const { type, format, use12Hours, modelValue, defaultValue, popupVisible, defaultPopupVisible, disabled, placeholder, disableConfirm, disabledHours, disabledMinutes, disabledSeconds } = toRefs(props);
+		const { type, format, use12Hours, modelValue, defaultValue, popupVisible, defaultPopupVisible, disabled, placeholder, allowClear, disableConfirm, disabledHours, disabledMinutes, disabledSeconds } = toRefs(props);
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
+		const { mergedAllowClear } = useAllowClear(allowClear);
 		const isRange = computed(() => type.value === "time-range");
 		const prefixCls = getPrefixCls("timepicker");
 		const refInput = ref();
@@ -237,6 +239,7 @@ var time_picker_vue_vue_type_script_lang_default = defineComponent({
 			inputValue,
 			computedFormat,
 			computedUse12Hours,
+			mergedAllowClear,
 			inputProps: computed(() => {
 				if (isRange.value) return {
 					focusedIndex: focusedInputIndex.value,

package/es/tree-select/index.d.ts

@@ -147,6 +147,7 @@ declare const TreeSelect: {
         isEmpty: import("vue").ComputedRef<boolean | undefined>;
         computedFilterTreeNode: import("vue").ComputedRef<((node: import("..").TreeNodeData) => boolean) | undefined>;
         isMultiple: import("vue").ComputedRef<boolean>;
+        mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
         selectViewValue: import("vue").ComputedRef<import("../_components/select-view/interface").SelectViewValue[]>;
         computedDropdownStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
         onSearchValueChange: (inputValue: string) => void;
@@ -2816,6 +2817,7 @@ declare const TreeSelect: {
         isEmpty: import("vue").ComputedRef<boolean | undefined>;
         computedFilterTreeNode: import("vue").ComputedRef<((node: import("..").TreeNodeData) => boolean) | undefined>;
         isMultiple: import("vue").ComputedRef<boolean>;
+        mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
         selectViewValue: import("vue").ComputedRef<import("../_components/select-view/interface").SelectViewValue[]>;
         computedDropdownStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
         onSearchValueChange: (inputValue: string) => void;
@@ -3009,6 +3011,7 @@ declare const TreeSelect: {
     isEmpty: import("vue").ComputedRef<boolean | undefined>;
     computedFilterTreeNode: import("vue").ComputedRef<((node: import("..").TreeNodeData) => boolean) | undefined>;
     isMultiple: import("vue").ComputedRef<boolean>;
+    mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
     selectViewValue: import("vue").ComputedRef<import("../_components/select-view/interface").SelectViewValue[]>;
     computedDropdownStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
     onSearchValueChange: (inputValue: string) => void;

package/es/tree-select/tree-select.js

@@ -80,7 +80,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			"model-value": _ctx.selectViewValue,
 			"input-value": _ctx.searchValue,
 			"allow-search": Boolean(_ctx.allowSearch),
-			"allow-clear": _ctx.allowClear,
+			"allow-clear": _ctx.mergedAllowClear,
 			loading: _ctx.loading,
 			size: _ctx.size,
 			"max-tag-count": _ctx.maxTagCount,

package/es/tree-select/tree-select.vue.d.ts

@@ -145,6 +145,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     isEmpty: import("vue").ComputedRef<boolean | undefined>;
     computedFilterTreeNode: import("vue").ComputedRef<((node: TreeNodeData) => boolean) | undefined>;
     isMultiple: import("vue").ComputedRef<boolean>;
+    mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
     selectViewValue: import("vue").ComputedRef<SelectViewValue[]>;
     computedDropdownStyle: import("vue").ComputedRef<StyleValue[]>;
     onSearchValueChange: (inputValue: string) => void;

package/es/tree-select/tree-select.vue_vue_type_script_lang.js

@@ -3,6 +3,7 @@ import { configProviderInjectionKey } from "../config-provider/context.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isObject, isUndefined } from "../_utils/is.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import Empty from "../empty/index.js";
 import Spin from "../spin/index.js";
@@ -123,10 +124,11 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 	},
 	setup(props, { emit, slots }) {
 		var _configCtx$slots, _configCtx$slots$empt;
-		const { defaultValue, modelValue, multiple, popupVisible, defaultPopupVisible, treeCheckable, treeCheckStrictly, data, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, dropdownClassName } = toRefs(props);
+		const { defaultValue, modelValue, multiple, popupVisible, defaultPopupVisible, treeCheckable, treeCheckStrictly, data, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, allowClear } = toRefs(props);
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
 		const prefixCls = getPrefixCls("tree-select");
 		const configCtx = inject(configProviderInjectionKey, void 0);
+		const { mergedAllowClear } = useAllowClear(allowClear);
 		const TreeSelectEmpty = configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 || (_configCtx$slots$empt = _configCtx$slots$empt.call(_configCtx$slots, { component: "tree-select" })) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt[0];
 		const isMultiple = computed(() => multiple.value || treeCheckable.value);
 		const isSelectable = (node, info) => {
@@ -229,6 +231,7 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			isEmpty,
 			computedFilterTreeNode,
 			isMultiple,
+			mergedAllowClear,
 			selectViewValue,
 			computedDropdownStyle,
 			onSearchValueChange: handleInputValueChange,

package/json/vetur-attributes.json

@@ -698,53 +698,75 @@
   "sd-color-picker/popup-visible-change": {
     "description": "Triggered when the color panel is expanded and collapsed"
   },
-  "sd-color-picker/model-value": {
+  "sd-color-picker/value": {
     "description": "Value",
     "type": "string"
   },
   "sd-color-picker/default-value": {
-    "description": "Default value (uncontrolled state)",
+    "description": "Default value",
     "type": "string"
   },
   "sd-color-picker/format": {
-    "description": "Color value format",
-    "type": "string"
+    "description": "Value format"
   },
   "sd-color-picker/size": {
     "description": "Size"
   },
-  "sd-color-picker/show-text": {
-    "description": "Show color value",
+  "sd-color-picker/enable-alpha": {
+    "description": "Whether alpha channel is enabled",
     "type": "boolean"
   },
-  "sd-color-picker/show-history": {
-    "description": "Show history colors",
+  "sd-color-picker/show-primary-color-preview": {
+    "description": "Whether to show primary color preview",
     "type": "boolean"
   },
-  "sd-color-picker/show-preset": {
-    "description": "Show preset colors",
-    "type": "boolean"
+  "sd-color-picker/input-props": {
+    "description": "Input props"
   },
-  "sd-color-picker/disabled": {
-    "description": "disabled",
-    "type": "boolean"
+  "sd-color-picker/recent-colors": {
+    "description": "Recent colors"
   },
-  "sd-color-picker/disabled-alpha": {
-    "description": "Disable transparency channel",
+  "sd-color-picker/default-recent-colors": {
+    "description": "Default recent colors"
+  },
+  "sd-color-picker/swatch-colors": {
+    "description": "Swatch colors"
+  },
+  "sd-color-picker/disabled": {
+    "description": "Disabled",
     "type": "boolean"
   },
   "sd-color-picker/hide-trigger": {
-    "description": "There is no trigger element, only the color panel is displayed",
+    "description": "Render panel inline",
     "type": "boolean"
   },
   "sd-color-picker/trigger-props": {
-    "description": "Can accept Props of all [Trigger](/vue/component/trigger) components"
+    "description": "Trigger props"
   },
   "sd-color-picker/history-colors": {
-    "description": "Color array of historical colors"
+    "description": "Legacy history colors"
   },
   "sd-color-picker/preset-colors": {
-    "description": "Color array of preset colors"
+    "description": "Legacy preset colors"
+  },
+  "sd-color-picker/show-text": {
+    "description": "Legacy show text",
+    "type": "boolean"
+  },
+  "sd-color-picker/show-history": {
+    "description": "Legacy show history",
+    "type": "boolean"
+  },
+  "sd-color-picker/show-preset": {
+    "description": "Legacy show preset",
+    "type": "boolean"
+  },
+  "sd-color-picker/disabled-alpha": {
+    "description": "Legacy disable alpha",
+    "type": "boolean"
+  },
+  "sd-color-picker/select-input-props": {
+    "description": "Select input props"
   },
   "sd-comment/author": {
     "description": "Display as the comment author",
@@ -776,6 +798,10 @@
   "sd-config-provider/size": {
     "description": "Size"
   },
+  "sd-config-provider/allow-clear": {
+    "description": "Whether to enable clear buttons by default",
+    "type": "boolean"
+  },
   "sd-config-provider/global": {
     "description": "Is global effect",
     "type": "boolean"

package/json/vetur-tags.json

@@ -300,19 +300,26 @@
     "attributes": [
       "change",
       "popup-visible-change",
-      "model-value",
+      "value",
       "default-value",
       "format",
       "size",
-      "show-text",
-      "show-history",
-      "show-preset",
+      "enable-alpha",
+      "show-primary-color-preview",
+      "input-props",
+      "recent-colors",
+      "default-recent-colors",
+      "swatch-colors",
       "disabled",
-      "disabled-alpha",
       "hide-trigger",
       "trigger-props",
       "history-colors",
-      "preset-colors"
+      "preset-colors",
+      "show-text",
+      "show-history",
+      "show-preset",
+      "disabled-alpha",
+      "select-input-props"
     ]
   },
   "sd-comment": {
@@ -329,6 +336,7 @@
       "prefix-cls",
       "locale",
       "size",
+      "allow-clear",
       "global",
       "scroll-to-close",
       "exchange-time",

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1825,7 +1825,7 @@
           "name": "sd-color-picker",
           "attributes": [
             {
-              "name": "model-value",
+              "name": "value",
               "description": "Value",
               "value": {
                 "type": "string",
@@ -1834,7 +1834,7 @@
             },
             {
               "name": "default-value",
-              "description": "Default value (uncontrolled state)",
+              "description": "Default value",
               "value": {
                 "type": "string",
                 "kind": "expression"
@@ -1842,9 +1842,9 @@
             },
             {
               "name": "format",
-              "description": "Color value format",
+              "description": "Value format",
               "value": {
-                "type": "string",
+                "type": "ColorFormat | LegacyFormat",
                 "kind": "expression"
               }
             },
@@ -1852,45 +1852,61 @@
               "name": "size",
               "description": "Size",
               "value": {
-                "type": "Size",
+                "type": "Size | 'small' | 'medium' | 'large'",
                 "kind": "expression"
               }
             },
             {
-              "name": "show-text",
-              "description": "Show color value",
+              "name": "enable-alpha",
+              "description": "Whether alpha channel is enabled",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
               }
             },
             {
-              "name": "show-history",
-              "description": "Show history colors",
+              "name": "show-primary-color-preview",
+              "description": "Whether to show primary color preview",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
               }
             },
             {
-              "name": "show-preset",
-              "description": "Show preset colors",
+              "name": "input-props",
+              "description": "Input props",
               "value": {
-                "type": "boolean",
+                "type": "Record<string, unknown>",
                 "kind": "expression"
               }
             },
             {
-              "name": "disabled",
-              "description": "disabled",
+              "name": "recent-colors",
+              "description": "Recent colors",
               "value": {
-                "type": "boolean",
+                "type": "RecentColorsValue",
                 "kind": "expression"
               }
             },
             {
-              "name": "disabled-alpha",
-              "description": "Disable transparency channel",
+              "name": "default-recent-colors",
+              "description": "Default recent colors",
+              "value": {
+                "type": "RecentColorsValue",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "swatch-colors",
+              "description": "Swatch colors",
+              "value": {
+                "type": "string[] | null",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disabled",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
@@ -1898,7 +1914,7 @@
             },
             {
               "name": "hide-trigger",
-              "description": "There is no trigger element, only the color panel is displayed",
+              "description": "Render panel inline",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
@@ -1906,7 +1922,7 @@
             },
             {
               "name": "trigger-props",
-              "description": "Can accept Props of all [Trigger](/vue/component/trigger) components",
+              "description": "Trigger props",
               "value": {
                 "type": "Partial<TriggerProps>",
                 "kind": "expression"
@@ -1914,7 +1930,7 @@
             },
             {
               "name": "history-colors",
-              "description": "Color array of historical colors",
+              "description": "Legacy history colors",
               "value": {
                 "type": "string[]",
                 "kind": "expression"
@@ -1922,11 +1938,51 @@
             },
             {
               "name": "preset-colors",
-              "description": "Color array of preset colors",
+              "description": "Legacy preset colors",
               "value": {
                 "type": "string[]",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "show-text",
+              "description": "Legacy show text",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "show-history",
+              "description": "Legacy show history",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "show-preset",
+              "description": "Legacy show preset",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled-alpha",
+              "description": "Legacy disable alpha",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "select-input-props",
+              "description": "Select input props",
+              "value": {
+                "type": "Record<string, unknown>",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -2036,6 +2092,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "allow-clear",
+              "description": "Whether to enable clear buttons by default",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "global",
               "description": "Is global effect",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "1.7.1",
+  "version": "1.8.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -69,9 +69,11 @@
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^12.0.6",
     "@semantic-release/release-notes-generator": "^14.1.0",
+    "@types/clean-css": "^4.2.11",
     "@vitejs/plugin-vue": "^6.0.6",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
     "@vue/test-utils": "^2.4.6",
+    "@vueuse/core": "^14.2.1",
     "clean-css": "^5.3.3",
     "fast-glob": "^3.3.3",
     "glob": "^13.0.6",

package/es/color-picker/input-alpha.js

@@ -1,32 +0,0 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import InputNumber from "../input-number/index.js";
-import { createVNode, defineComponent } from "vue";
-//#region components/color-picker/input-alpha.tsx
-var input_alpha_default = /* @__PURE__ */ defineComponent({
-	name: "InputAlpha",
-	props: {
-		value: {
-			type: Number,
-			required: true
-		},
-		disabled: Boolean,
-		onChange: Function
-	},
-	setup(props) {
-		const prefixCls = getPrefixCls("color-picker");
-		return () => createVNode(InputNumber, {
-			"class": `${prefixCls}-input-alpha`,
-			"size": "mini",
-			"min": 0,
-			"max": 100,
-			"disabled": props.disabled,
-			"modelValue": Math.round(props.value * 100),
-			"onChange": (a = 100) => {
-				var _props$onChange;
-				return (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, a / 100);
-			}
-		}, { suffix: () => "%" });
-	}
-});
-//#endregion
-export { input_alpha_default as default };

package/es/color-picker/input-hex.js

@@ -1,73 +0,0 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import input_group_default from "../input/input-group.js";
-import useState from "../_hooks/use-state.js";
-import Input from "../input/index.js";
-import { hexToRgb, rgbToHsv } from "../_utils/color.js";
-import input_alpha_default from "./input-alpha.js";
-import { createVNode, defineComponent, toRefs, watch } from "vue";
-//#region components/color-picker/input-hex.tsx
-var input_hex_default = /* @__PURE__ */ defineComponent({
-	name: "InputHex",
-	props: {
-		color: {
-			type: Object,
-			required: true
-		},
-		alpha: {
-			type: Number,
-			required: true
-		},
-		disabled: Boolean,
-		disabledAlpha: Boolean,
-		onHsvChange: Function,
-		onAlphaChange: Function
-	},
-	setup(props) {
-		const prefixCls = getPrefixCls("color-picker");
-		const { color } = toRefs(props);
-		const [hex, setHex] = useState(color.value.hex);
-		const handlerChange = (value) => {
-			var _props$onHsvChange;
-			const _rgb = hexToRgb(value) || {
-				r: 255,
-				g: 0,
-				b: 0
-			};
-			const hsv = rgbToHsv(_rgb.r, _rgb.g, _rgb.b);
-			(_props$onHsvChange = props.onHsvChange) === null || _props$onHsvChange === void 0 || _props$onHsvChange.call(props, hsv);
-		};
-		const onInputChange = (value) => {
-			var _value$match$join, _value$match;
-			const matchValue = (_value$match$join = (_value$match = value.match(/[a-fA-F0-9]*/g)) === null || _value$match === void 0 ? void 0 : _value$match.join("")) !== null && _value$match$join !== void 0 ? _value$match$join : "";
-			if (matchValue !== color.value.hex) handlerChange(matchValue.toUpperCase());
-		};
-		const onPaste = (ev) => {
-			if (!ev.clipboardData) return;
-			let text = ev.clipboardData.getData("Text");
-			if (text.startsWith("#")) text = text.slice(1);
-			onInputChange(text);
-			ev.preventDefault();
-		};
-		watch(color, () => {
-			if (color.value.hex !== hex.value) setHex(color.value.hex);
-		});
-		return () => createVNode(input_group_default, { "class": `${prefixCls}-input-group` }, { default: () => [createVNode(Input, {
-			"class": `${prefixCls}-input-hex`,
-			"size": "mini",
-			"maxLength": 6,
-			"disabled": props.disabled,
-			"modelValue": hex.value,
-			"onInput": setHex,
-			"onChange": onInputChange,
-			"onBlur": () => handlerChange,
-			"onPressEnter": () => handlerChange,
-			"onPaste": onPaste
-		}, { prefix: () => "#" }), !props.disabledAlpha && createVNode(input_alpha_default, {
-			"disabled": props.disabled,
-			"value": props.alpha,
-			"onChange": props.onAlphaChange
-		}, null)] });
-	}
-});
-//#endregion
-export { input_hex_default as default };

package/es/color-picker/input-rgb.js

@@ -1,55 +0,0 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import input_group_default from "../input/input-group.js";
-import { rgbToHsv } from "../_utils/color.js";
-import InputNumber from "../input-number/index.js";
-import input_alpha_default from "./input-alpha.js";
-import { createVNode, defineComponent, toRefs } from "vue";
-//#region components/color-picker/input-rgb.tsx
-var input_rgb_default = /* @__PURE__ */ defineComponent({
-	name: "InputRgb",
-	props: {
-		color: {
-			type: Object,
-			required: true
-		},
-		alpha: {
-			type: Number,
-			required: true
-		},
-		disabled: Boolean,
-		disabledAlpha: Boolean,
-		onHsvChange: Function,
-		onAlphaChange: Function
-	},
-	setup(props) {
-		const prefixCls = getPrefixCls("color-picker");
-		const { color } = toRefs(props);
-		const handleChange = (value) => {
-			var _props$onHsvChange;
-			const newRGB = _objectSpread2(_objectSpread2({}, color.value.rgb), value);
-			const hsv = rgbToHsv(newRGB.r, newRGB.g, newRGB.b);
-			(_props$onHsvChange = props.onHsvChange) === null || _props$onHsvChange === void 0 || _props$onHsvChange.call(props, hsv);
-		};
-		return () => createVNode(input_group_default, { "class": `${prefixCls}-input-group` }, { default: () => [[
-			"r",
-			"g",
-			"b"
-		].map((channel) => createVNode(InputNumber, {
-			"key": channel,
-			"size": "mini",
-			"min": 0,
-			"max": 255,
-			"disabled": props.disabled,
-			"modelValue": color.value.rgb[channel],
-			"hideButton": true,
-			"onChange": (val = 0) => handleChange({ [channel]: val })
-		}, null)), !props.disabledAlpha && createVNode(input_alpha_default, {
-			"disabled": props.disabled,
-			"value": props.alpha,
-			"onChange": props.onAlphaChange
-		}, null)] });
-	}
-});
-//#endregion
-export { input_rgb_default as default };