@sdata/web-vue 1.7.0 → 1.8.0

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.6.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.0",
+  "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 };

package/es/web-vue.css

@@ -1,5 +0,0 @@
-
-.sd-theme-provider[data-v-a0a91a8a] {
-    min-width: 0;
-}
-/*$vite$:1*/