@opentinyvue/vue-color-picker 3.25.0 → 3.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.js CHANGED
@@ -49,7 +49,7 @@ var ColorPicker = defineComponent({
49
49
  if (val[val.length - 1] === "a") {
50
50
  console.warn("If you want enable alpha, You should set `alpha` prop to true");
51
51
  }
52
- return ["hsv", "hsl", "rgb", "hex"].includes(val);
52
+ return ["hsv", "hsl", "rgb", "hex"].includes(val[0]);
53
53
  }
54
54
  },
55
55
  enableHistory: {
@@ -59,6 +59,13 @@ var ColorPicker = defineComponent({
59
59
  enablePredefineColor: {
60
60
  type: Boolean,
61
61
  default: false
62
+ },
63
+ colorMode: {
64
+ type: String,
65
+ default: "monochrome",
66
+ validator: function validator3(val) {
67
+ return ["monochrome", "linear-gradient"].includes(val);
68
+ }
62
69
  }
63
70
  }),
64
71
  setup: function setup(props, context) {
package/lib/pc.js CHANGED
@@ -40,7 +40,7 @@ var _export_sfc = function _export_sfc2(sfc, props) {
40
40
 
41
41
  var _sfc_main = defineComponent({
42
42
  emits: ["update:modelValue", "confirm", "cancel"],
43
- props: [].concat(props, ["modelValue", "visible", "alpha", "predefine", "history", "size", "format", "enableHistory", "enablePredefineColor"]),
43
+ props: [].concat(props, ["modelValue", "visible", "alpha", "predefine", "history", "size", "format", "enableHistory", "enablePredefineColor", "colorMode"]),
44
44
  components: {
45
45
  IconChevronDown: IconChevronDown(),
46
46
  ColorSelect: ColorSelectPanel
@@ -96,11 +96,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
96
96
  history: _ctx.state.stack,
97
97
  format: _ctx.format,
98
98
  style: {
99
- "min-width": "420px"
99
+ "min-width": "330px"
100
100
  },
101
+ "color-mode": _ctx.$props.colorMode,
101
102
  "enable-history": _ctx.state.enableHistory,
102
103
  "enable-predefine-color": _ctx.state.enablePredefineColor
103
- }, null, 8, ["onConfirm", "onCancel", "modelValue", "visible", "alpha", "predefine", "history", "format", "enable-history", "enable-predefine-color"])];
104
+ }, null, 8, ["onConfirm", "onCancel", "modelValue", "visible", "alpha", "predefine", "history", "format", "color-mode", "enable-history", "enable-predefine-color"])];
104
105
  }),
105
106
  _: 1
106
107
  /* STABLE */
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@opentinyvue/vue-color-picker",
3
- "version": "3.25.0",
3
+ "version": "3.27.0",
4
4
  "description": "",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./lib/index.js",
7
7
  "sideEffects": false,
8
8
  "dependencies": {
9
- "@opentinyvue/vue-color-select-panel": "~3.25.0",
10
- "@opentinyvue/vue-common": "~3.25.0",
11
- "@opentinyvue/vue-icon": "~3.25.0",
12
- "@opentinyvue/vue-renderless": "~3.25.0",
13
- "@opentinyvue/vue-theme": "~3.25.0"
9
+ "@opentinyvue/vue-color-select-panel": "~3.27.0",
10
+ "@opentinyvue/vue-common": "~3.27.0",
11
+ "@opentinyvue/vue-icon": "~3.27.0",
12
+ "@opentinyvue/vue-renderless": "~3.27.0",
13
+ "@opentinyvue/vue-theme": "~3.27.0"
14
14
  },
15
15
  "license": "MIT",
16
16
  "types": "index.d.ts"
package/src/index.d.ts CHANGED
@@ -26,6 +26,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
26
26
  type: BooleanConstructor;
27
27
  default: boolean;
28
28
  };
29
+ colorMode: {
30
+ type: StringConstructor;
31
+ default: string;
32
+ validator(val: string): boolean;
33
+ };
29
34
  tiny_mode: StringConstructor;
30
35
  tiny_mode_root: BooleanConstructor;
31
36
  tiny_template: (ObjectConstructor | FunctionConstructor)[];
@@ -63,6 +68,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
63
68
  type: BooleanConstructor;
64
69
  default: boolean;
65
70
  };
71
+ colorMode: {
72
+ type: StringConstructor;
73
+ default: string;
74
+ validator(val: string): boolean;
75
+ };
66
76
  tiny_mode: StringConstructor;
67
77
  tiny_mode_root: BooleanConstructor;
68
78
  tiny_template: (ObjectConstructor | FunctionConstructor)[];
@@ -79,5 +89,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
79
89
  alpha: boolean;
80
90
  enableHistory: boolean;
81
91
  enablePredefineColor: boolean;
92
+ colorMode: string;
82
93
  }, {}>;
83
94
  export default _default;
package/src/pc.vue.d.ts CHANGED
@@ -16,6 +16,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
16
16
  history?: any;
17
17
  enableHistory?: any;
18
18
  enablePredefineColor?: any;
19
+ colorMode?: any;
19
20
  }>, {
20
21
  t: (this: any, path: any, options?: any) => any;
21
22
  vm: any;
@@ -43,6 +44,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
43
44
  history?: any;
44
45
  enableHistory?: any;
45
46
  enablePredefineColor?: any;
47
+ colorMode?: any;
46
48
  }>>> & {
47
49
  onCancel?: ((...args: any[]) => any) | undefined;
48
50
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -65,5 +67,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
65
67
  readonly history?: any;
66
68
  readonly enableHistory?: any;
67
69
  readonly enablePredefineColor?: any;
70
+ readonly colorMode?: any;
68
71
  }, {}>;
69
72
  export default _default;