@sdata/web-vue 1.7.1 → 1.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "1.7.1",
+  "version": "1.9.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -69,21 +69,23 @@
     "@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",
+    "@vue/test-utils": "^2.4.10",
+    "@vueuse/core": "^14.2.1",
     "clean-css": "^5.3.3",
     "fast-glob": "^3.3.3",
     "glob": "^13.0.6",
     "jest-serializer-vue": "^3.1.0",
-    "jsdom": "^29.0.2",
-    "sass": "^1.94.0",
+    "jsdom": "^29.1.1",
+    "sass": "^1.99.0",
     "semantic-release": "^25.0.3",
     "svgo": "^4.0.1",
-    "typescript": "^6.0.2",
+    "typescript": "^6.0.3",
     "vite": "^8.0.8",
-    "vite-plus": "^0.1.17",
-    "vitest": "^4.1.4",
+    "vite-plus": "^0.1.20",
+    "vitest": "^4.1.5",
     "vue-docgen-api": "4.79.2",
     "vue-tsc": "^3.2.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 };