@sdata/web-vue 1.3.0 → 1.4.0

package/lib/color-picker/color-picker.js

@@ -1,159 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_global_config = require("../_utils/global-config.js");
-const require_use_state = require("../_hooks/use-state.js");
-const require_index = require("../trigger/index.js");
-const require_color = require("../_utils/color.js");
-const require_colors = require("./colors.js");
-const require_panel = require("./panel.js");
-let vue = require("vue");
-//#region components/color-picker/color-picker.tsx
-var color_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "ColorPicker",
-	props: {
-		modelValue: String,
-		defaultValue: { type: String },
-		format: { type: String },
-		size: {
-			type: String,
-			default: "medium"
-		},
-		showText: {
-			type: Boolean,
-			default: false
-		},
-		showHistory: {
-			type: Boolean,
-			default: false
-		},
-		showPreset: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		disabledAlpha: {
-			type: Boolean,
-			default: false
-		},
-		hideTrigger: { type: Boolean },
-		triggerProps: { type: Object },
-		historyColors: { type: Array },
-		presetColors: {
-			type: Array,
-			default: () => require_colors.colors
-		}
-	},
-	emits: {
-		"update:modelValue": (value) => true,
-		"change": (value) => true,
-		"popup-visible-change": (visible, value) => true
-	},
-	setup(props, { emit, slots }) {
-		const prefixCls = require_global_config.getPrefixCls("color-picker");
-		const mergeValue = (0, vue.computed)(() => {
-			var _props$modelValue;
-			return (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : props.defaultValue;
-		});
-		const formatInput = (0, vue.computed)(() => {
-			return require_color.formatInputToHSVA(mergeValue.value || "");
-		});
-		const [alpha, setAlpha] = require_use_state.default(formatInput.value.a);
-		const [hsv, setHsv] = require_use_state.default({
-			h: formatInput.value.h,
-			s: formatInput.value.s,
-			v: formatInput.value.v
-		});
-		(0, vue.watch)(() => formatInput.value, (value) => {
-			if (mergeValue.value !== formatValue.value) {
-				setAlpha(value.a);
-				setHsv({
-					h: value.h,
-					s: value.s,
-					v: value.v
-				});
-			}
-		});
-		const color = (0, vue.computed)(() => {
-			const rgb = require_color.hsvToRgb(hsv.value.h, hsv.value.s, hsv.value.v);
-			const hex = require_color.rgbToHex(rgb.r, rgb.g, rgb.b);
-			return {
-				hsv: hsv.value,
-				rgb,
-				hex
-			};
-		});
-		const colorString = (0, vue.computed)(() => {
-			const { r, g, b } = color.value.rgb;
-			return `rgba(${r}, ${g}, ${b}, ${alpha.value.toFixed(2)})`;
-		});
-		const formatValue = (0, vue.computed)(() => {
-			const { r, g, b } = color.value.rgb;
-			if (props.format === "rgb") return alpha.value < 1 && !props.disabledAlpha ? `rgba(${r}, ${g}, ${b}, ${alpha.value.toFixed(2)})` : `rgb(${r}, ${g}, ${b})`;
-			return alpha.value < 1 && !props.disabledAlpha ? `#${require_color.rgbaToHex(r, g, b, alpha.value)}` : `#${require_color.rgbToHex(r, g, b)}`;
-		});
-		(0, vue.watch)(formatValue, (value) => {
-			emit("update:modelValue", value);
-			emit("change", value);
-		});
-		const onHsvChange = (_value) => {
-			!props.disabled && setHsv(_value);
-		};
-		const onAlphaChange = (_value) => {
-			!props.disabled && setAlpha(_value);
-		};
-		const onPopupVisibleChange = (visible) => {
-			emit("popup-visible-change", visible, formatValue.value);
-		};
-		const renderInput = () => {
-			return (0, vue.createVNode)("div", { "class": {
-				[prefixCls]: true,
-				[`${prefixCls}-size-${props.size}`]: props.size,
-				[`${prefixCls}-disabled`]: props.disabled
-			} }, [
-				(0, vue.createVNode)("div", {
-					"class": `${prefixCls}-preview`,
-					"style": { backgroundColor: formatValue.value }
-				}, null),
-				props.showText && (0, vue.createVNode)("div", { "class": `${prefixCls}-value` }, [formatValue.value]),
-				(0, vue.createVNode)("input", {
-					"class": `${prefixCls}-input`,
-					"value": formatValue.value,
-					"disabled": props.disabled
-				}, null)
-			]);
-		};
-		const renderPanel = () => {
-			return (0, vue.createVNode)(require_panel.default, {
-				"color": color.value,
-				"alpha": alpha.value,
-				"colorString": colorString.value,
-				"historyColors": props.historyColors,
-				"presetColors": props.presetColors,
-				"showHistory": props.showHistory,
-				"showPreset": props.showPreset,
-				"disabled": props.disabled,
-				"disabledAlpha": props.disabledAlpha,
-				"format": props.format,
-				"onHsvChange": onHsvChange,
-				"onAlphaChange": onAlphaChange
-			}, null);
-		};
-		return () => {
-			return props.hideTrigger ? renderPanel() : (0, vue.createVNode)(require_index.default, (0, vue.mergeProps)({
-				"trigger": "click",
-				"position": "bl",
-				"animationName": "slide-dynamic-origin",
-				"popupOffset": 4,
-				"disabled": props.disabled,
-				"onPopupVisibleChange": onPopupVisibleChange
-			}, props.triggerProps), {
-				default: () => [slots.default ? slots.default() : renderInput()],
-				content: renderPanel
-			});
-		};
-	}
-});
-//#endregion
-exports.default = color_picker_default;

package/lib/color-picker/colors.js

@@ -1,27 +0,0 @@
-//#region components/color-picker/colors.ts
-var colors = [
-	"#00B42A",
-	"#3C7EFF",
-	"#FF7D00",
-	"#F76965",
-	"#F7BA1E",
-	"#F5319D",
-	"#D91AD9",
-	"#9FDB1D",
-	"#FADC19",
-	"#722ED1",
-	"#3491FA",
-	"#7BE188",
-	"#93BEFF",
-	"#FFCF8B",
-	"#FBB0A7",
-	"#FCE996",
-	"#FB9DC7",
-	"#F08EE6",
-	"#DCF190",
-	"#FDFA94",
-	"#C396ED",
-	"#9FD4FD"
-];
-//#endregion
-exports.colors = colors;

package/lib/color-picker/control-bar.js

@@ -1,57 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_global_config = require("../_utils/global-config.js");
-const require_use_control_block = require("./hooks/use-control-block.js");
-let vue = require("vue");
-//#region components/color-picker/control-bar.tsx
-var control_bar_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "ControlBar",
-	props: {
-		x: {
-			type: Number,
-			required: true
-		},
-		color: {
-			type: Object,
-			required: true
-		},
-		colorString: String,
-		type: String,
-		onChange: Function
-	},
-	setup(props) {
-		const prefixCls = require_global_config.getPrefixCls("color-picker");
-		const rgb = (0, vue.computed)(() => props.color.rgb);
-		const { blockRef, handlerRef, onMouseDown } = require_use_control_block.useControlBlock({
-			value: [props.x, 0],
-			onChange: (pos) => {
-				var _props$onChange;
-				return (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, pos[0]);
-			}
-		});
-		const renderHandler = () => {
-			return (0, vue.createVNode)("div", {
-				"ref": handlerRef,
-				"class": `${prefixCls}-handler`,
-				"style": {
-					left: `${props.x * 100}%`,
-					color: props.colorString
-				}
-			}, null);
-		};
-		return () => {
-			if (props.type === "alpha") return (0, vue.createVNode)("div", { "class": `${prefixCls}-control-bar-bg` }, [(0, vue.createVNode)("div", {
-				"ref": blockRef,
-				"class": [`${prefixCls}-control-bar`, `${prefixCls}-control-bar-alpha`],
-				"style": { background: `linear-gradient(to right, rgba(0, 0, 0, 0), rgb(${rgb.value.r}, ${rgb.value.g}, ${rgb.value.b}))` },
-				"onMousedown": onMouseDown
-			}, [renderHandler()])]);
-			return (0, vue.createVNode)("div", {
-				"ref": blockRef,
-				"class": [`${prefixCls}-control-bar`, `${prefixCls}-control-bar-hue`],
-				"onMousedown": onMouseDown
-			}, [renderHandler()]);
-		};
-	}
-});
-//#endregion
-exports.default = control_bar_default;

package/lib/color-picker/hooks/use-control-block.js

@@ -1,46 +0,0 @@
-require("../../_virtual/_rolldown/runtime.js");
-let vue = require("vue");
-//#region components/color-picker/hooks/use-control-block.ts
-var useControlBlock = ({ value, onChange }) => {
-	const active = (0, vue.ref)(false);
-	const blockRef = (0, vue.ref)();
-	const handlerRef = (0, vue.ref)();
-	const getPercentNumber = (value, max) => {
-		if (value < 0) return 0;
-		if (value > max) return 1;
-		return value / max;
-	};
-	const setCurrentPosition = (ev) => {
-		if (!blockRef.value) return;
-		const { clientX, clientY } = ev;
-		const rect = blockRef.value.getBoundingClientRect();
-		const newValue = [getPercentNumber(clientX - rect.x, rect.width), getPercentNumber(clientY - rect.y, rect.height)];
-		if (newValue[0] !== value[0] || newValue[1] !== value[1]) onChange === null || onChange === void 0 || onChange(newValue);
-	};
-	const removeListener = () => {
-		active.value = false;
-		window.removeEventListener("mousemove", onMouseMove);
-		window.removeEventListener("mouseup", removeListener);
-		window.removeEventListener("contextmenu", removeListener);
-	};
-	const onMouseDown = (ev) => {
-		active.value = true;
-		setCurrentPosition(ev);
-		window.addEventListener("mousemove", onMouseMove);
-		window.addEventListener("mouseup", removeListener);
-		window.addEventListener("contextmenu", removeListener);
-	};
-	function onMouseMove(ev) {
-		ev.preventDefault();
-		if (ev.buttons > 0) setCurrentPosition(ev);
-		else removeListener();
-	}
-	return {
-		active,
-		blockRef,
-		handlerRef,
-		onMouseDown
-	};
-};
-//#endregion
-exports.useControlBlock = useControlBlock;

package/lib/color-picker/index.js

@@ -1,10 +0,0 @@
-const require_global_config = require("../_utils/global-config.js");
-const require_color_picker = require("./color-picker.js");
-//#region components/color-picker/index.ts
-var ColorPicker = Object.assign(require_color_picker.default, { install: (app, options) => {
-	require_global_config.setGlobalConfig(app, options);
-	const componentPrefix = require_global_config.getComponentPrefix(options);
-	app.component(componentPrefix + require_color_picker.default.name, require_color_picker.default);
-} });
-//#endregion
-exports.default = ColorPicker;

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

@@ -1,33 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_global_config = require("../_utils/global-config.js");
-const require_index = require("../input-number/index.js");
-let vue = require("vue");
-//#region components/color-picker/input-alpha.tsx
-var input_alpha_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "InputAlpha",
-	props: {
-		value: {
-			type: Number,
-			required: true
-		},
-		disabled: Boolean,
-		onChange: Function
-	},
-	setup(props) {
-		const prefixCls = require_global_config.getPrefixCls("color-picker");
-		return () => (0, vue.createVNode)(require_index.default, {
-			"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
-exports.default = input_alpha_default;

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

@@ -1,74 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_global_config = require("../_utils/global-config.js");
-const require_input_group = require("../input/input-group.js");
-const require_use_state = require("../_hooks/use-state.js");
-const require_index = require("../input/index.js");
-const require_color = require("../_utils/color.js");
-const require_input_alpha = require("./input-alpha.js");
-let vue = require("vue");
-//#region components/color-picker/input-hex.tsx
-var input_hex_default = /* @__PURE__ */ (0, vue.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 = require_global_config.getPrefixCls("color-picker");
-		const { color } = (0, vue.toRefs)(props);
-		const [hex, setHex] = require_use_state.default(color.value.hex);
-		const handlerChange = (value) => {
-			var _props$onHsvChange;
-			const _rgb = require_color.hexToRgb(value) || {
-				r: 255,
-				g: 0,
-				b: 0
-			};
-			const hsv = require_color.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();
-		};
-		(0, vue.watch)(color, () => {
-			if (color.value.hex !== hex.value) setHex(color.value.hex);
-		});
-		return () => (0, vue.createVNode)(require_input_group.default, { "class": `${prefixCls}-input-group` }, { default: () => [(0, vue.createVNode)(require_index.default, {
-			"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 && (0, vue.createVNode)(require_input_alpha.default, {
-			"disabled": props.disabled,
-			"value": props.alpha,
-			"onChange": props.onAlphaChange
-		}, null)] });
-	}
-});
-//#endregion
-exports.default = input_hex_default;

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

@@ -1,56 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_objectSpread2 = require("../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js");
-const require_global_config = require("../_utils/global-config.js");
-const require_input_group = require("../input/input-group.js");
-const require_color = require("../_utils/color.js");
-const require_index = require("../input-number/index.js");
-const require_input_alpha = require("./input-alpha.js");
-let vue = require("vue");
-//#region components/color-picker/input-rgb.tsx
-var input_rgb_default = /* @__PURE__ */ (0, vue.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 = require_global_config.getPrefixCls("color-picker");
-		const { color } = (0, vue.toRefs)(props);
-		const handleChange = (value) => {
-			var _props$onHsvChange;
-			const newRGB = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, color.value.rgb), value);
-			const hsv = require_color.rgbToHsv(newRGB.r, newRGB.g, newRGB.b);
-			(_props$onHsvChange = props.onHsvChange) === null || _props$onHsvChange === void 0 || _props$onHsvChange.call(props, hsv);
-		};
-		return () => (0, vue.createVNode)(require_input_group.default, { "class": `${prefixCls}-input-group` }, { default: () => [[
-			"r",
-			"g",
-			"b"
-		].map((channel) => (0, vue.createVNode)(require_index.default, {
-			"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 && (0, vue.createVNode)(require_input_alpha.default, {
-			"disabled": props.disabled,
-			"value": props.alpha,
-			"onChange": props.onAlphaChange
-		}, null)] });
-	}
-});
-//#endregion
-exports.default = input_rgb_default;

package/lib/color-picker/palette.js

@@ -1,46 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_global_config = require("../_utils/global-config.js");
-const require_color = require("../_utils/color.js");
-const require_use_control_block = require("./hooks/use-control-block.js");
-let vue = require("vue");
-//#region components/color-picker/palette.tsx
-var palette_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "Palette",
-	props: {
-		color: {
-			type: Object,
-			required: true
-		},
-		onChange: Function
-	},
-	setup(props) {
-		const prefixCls = require_global_config.getPrefixCls("color-picker");
-		const hsv = (0, vue.computed)(() => props.color.hsv);
-		const { blockRef, handlerRef, onMouseDown } = require_use_control_block.useControlBlock({
-			value: [hsv.value.s, 1 - hsv.value.v],
-			onChange: (value) => {
-				var _props$onChange;
-				return (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, value[0], 1 - value[1]);
-			}
-		});
-		const hueColor = (0, vue.computed)(() => {
-			const rgb = require_color.hsvToRgb(hsv.value.h, 1, 1);
-			return `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
-		});
-		return () => (0, vue.createVNode)("div", {
-			"ref": blockRef,
-			"class": `${prefixCls}-palette`,
-			"style": { backgroundColor: hueColor.value },
-			"onMousedown": onMouseDown
-		}, [(0, vue.createVNode)("div", {
-			"ref": handlerRef,
-			"class": `${prefixCls}-handler`,
-			"style": {
-				top: `${(1 - hsv.value.v) * 100}%`,
-				left: `${hsv.value.s * 100}%`
-			}
-		}, null)]);
-	}
-});
-//#endregion
-exports.default = palette_default;

package/lib/color-picker/panel.js

@@ -1,138 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_global_config = require("../_utils/global-config.js");
-const require_use_state = require("../_hooks/use-state.js");
-const require_index = require("../locale/index.js");
-const require_index$1 = require("../select/index.js");
-const require_color = require("../_utils/color.js");
-const require_control_bar = require("./control-bar.js");
-const require_input_hex = require("./input-hex.js");
-const require_input_rgb = require("./input-rgb.js");
-const require_palette = require("./palette.js");
-let vue = require("vue");
-//#region components/color-picker/panel.tsx
-var panel_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "Panel",
-	props: {
-		color: {
-			type: Object,
-			required: true
-		},
-		alpha: {
-			type: Number,
-			required: true
-		},
-		colorString: String,
-		disabled: Boolean,
-		disabledAlpha: Boolean,
-		showHistory: Boolean,
-		showPreset: Boolean,
-		format: String,
-		historyColors: Array,
-		presetColors: Array,
-		onAlphaChange: Function,
-		onHsvChange: Function
-	},
-	setup(props) {
-		const { t } = require_index.useI18n();
-		const prefixCls = require_global_config.getPrefixCls("color-picker");
-		const hsv = (0, vue.computed)(() => props.color.hsv);
-		const [format, setFormat] = require_use_state.default(props.format || "hex");
-		const onChange = (value) => {
-			setFormat(value);
-		};
-		(0, vue.ref)(false);
-		const onHexInputChange = (value) => {
-			var _props$onHsvChange;
-			const _rgb = require_color.hexToRgb(value) || {
-				r: 255,
-				g: 0,
-				b: 0
-			};
-			const _hsv = require_color.rgbToHsv(_rgb.r, _rgb.g, _rgb.b);
-			(_props$onHsvChange = props.onHsvChange) === null || _props$onHsvChange === void 0 || _props$onHsvChange.call(props, _hsv);
-		};
-		const renderInput = () => {
-			const commonProps = {
-				color: props.color,
-				alpha: props.alpha,
-				disabled: props.disabled,
-				disabledAlpha: props.disabledAlpha,
-				onHsvChange: props.onHsvChange,
-				onAlphaChange: props.onAlphaChange
-			};
-			if (format.value === "rgb") return (0, vue.createVNode)(require_input_rgb.default, commonProps, null);
-			return (0, vue.createVNode)(require_input_hex.default, commonProps, null);
-		};
-		const renderColorBlock = (color) => {
-			return (0, vue.createVNode)("div", {
-				"key": color,
-				"class": `${prefixCls}-color-block`,
-				"style": { backgroundColor: color },
-				"onClick": () => onHexInputChange(color)
-			}, [(0, vue.createVNode)("div", {
-				"class": `${prefixCls}-block`,
-				"style": { backgroundColor: color }
-			}, null)]);
-		};
-		const renderColorSection = (text, colors) => (0, vue.createVNode)("div", { "class": `${prefixCls}-colors-section` }, [(0, vue.createVNode)("div", { "class": `${prefixCls}-colors-text` }, [text]), (0, vue.createVNode)("div", { "class": `${prefixCls}-colors-wrapper` }, [(colors === null || colors === void 0 ? void 0 : colors.length) ? (0, vue.createVNode)("div", { "class": `${prefixCls}-colors-list` }, [colors.map(renderColorBlock)]) : (0, vue.createVNode)("span", { "class": `${prefixCls}-colors-empty` }, [t("colorPicker.empty")])])]);
-		const renderColorSec = () => {
-			if (props.showHistory || props.showPreset) return (0, vue.createVNode)("div", { "class": `${prefixCls}-panel-colors` }, [props.showHistory && renderColorSection(t("colorPicker.history"), props.historyColors), props.showPreset && renderColorSection(t("colorPicker.preset"), props.presetColors)]);
-			return null;
-		};
-		return () => (0, vue.createVNode)("div", { "class": {
-			[`${prefixCls}-panel`]: true,
-			[`${prefixCls}-panel-disabled`]: props.disabled
-		} }, [
-			(0, vue.createVNode)(require_palette.default, {
-				"color": props.color,
-				"onChange": (s, v) => {
-					var _props$onHsvChange2;
-					return (_props$onHsvChange2 = props.onHsvChange) === null || _props$onHsvChange2 === void 0 ? void 0 : _props$onHsvChange2.call(props, {
-						h: hsv.value.h,
-						s,
-						v
-					});
-				}
-			}, null),
-			(0, vue.createVNode)("div", { "class": `${prefixCls}-panel-control` }, [(0, vue.createVNode)("div", { "class": `${prefixCls}-control-wrapper` }, [(0, vue.createVNode)("div", null, [(0, vue.createVNode)(require_control_bar.default, {
-				"type": "hue",
-				"x": hsv.value.h,
-				"color": props.color,
-				"colorString": props.colorString,
-				"onChange": (h) => {
-					var _props$onHsvChange3;
-					return (_props$onHsvChange3 = props.onHsvChange) === null || _props$onHsvChange3 === void 0 ? void 0 : _props$onHsvChange3.call(props, {
-						h,
-						s: hsv.value.s,
-						v: hsv.value.v
-					});
-				}
-			}, null), !props.disabledAlpha && (0, vue.createVNode)(require_control_bar.default, {
-				"type": "alpha",
-				"x": props.alpha,
-				"color": props.color,
-				"colorString": props.colorString,
-				"onChange": props.onAlphaChange
-			}, null)]), (0, vue.createVNode)("div", {
-				"class": `${prefixCls}-preview`,
-				"style": { backgroundColor: props.colorString }
-			}, null)]), (0, vue.createVNode)("div", { "class": `${prefixCls}-input-wrapper` }, [(0, vue.createVNode)(require_index$1.default, {
-				"class": `${prefixCls}-select`,
-				"size": "mini",
-				"trigger-props": { class: `${prefixCls}-select-popup` },
-				"options": [{
-					value: "hex",
-					label: "Hex"
-				}, {
-					value: "rgb",
-					label: "RGB"
-				}],
-				"modelValue": format.value,
-				"onChange": onChange
-			}, null), (0, vue.createVNode)("div", { "class": `${prefixCls}-group-wrapper` }, [renderInput()])])]),
-			renderColorSec()
-		]);
-	}
-});
-//#endregion
-exports.default = panel_default;

package/lib/color-picker/style/css.js

@@ -1,3 +0,0 @@
-require("../../input-number/style/index.js");
-require("../../style/index.css");
-require("./index.css");