sun-select-color 0.1.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/README.md +92 -0
- package/dist/colorAll.png +0 -0
- package/dist/colorOne.png +0 -0
- package/dist/colorTwo.png +0 -0
- package/dist/style.css +1 -0
- package/dist/sun-select-color.es.js +446 -0
- package/dist/sun-select-color.es.js.map +1 -0
- package/dist/sun-select-color.umd.js +2 -0
- package/dist/sun-select-color.umd.js.map +1 -0
- package/package.json +34 -0
package/README.md
ADDED
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
## sun-select-color
|
|
2
|
+
|
|
3
|
+
一个基于 Vue 3 的颜色选择器插件。
|
|
4
|
+
|
|
5
|
+
### 安装
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm i sun-select-color
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
### 引入（全局插件）
|
|
12
|
+
|
|
13
|
+
```js
|
|
14
|
+
import { createApp } from 'vue'
|
|
15
|
+
import SunSelectColor from 'sun-select-color'
|
|
16
|
+
import App from './App.vue'
|
|
17
|
+
|
|
18
|
+
createApp(App)
|
|
19
|
+
.use(SunSelectColor, { prefix: '' }) // 可选：prefix 会作为组件名前缀
|
|
20
|
+
.mount('#app')
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### 直接导入组件（按需）
|
|
24
|
+
|
|
25
|
+
```js
|
|
26
|
+
import { ColorPicker } from 'sun-select-color'
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### 组件用法
|
|
30
|
+
|
|
31
|
+
```vue
|
|
32
|
+
<template>
|
|
33
|
+
<!-- 方式一：受控，监听 change -->
|
|
34
|
+
<ColorPicker :color="color" @change="onChange" />
|
|
35
|
+
|
|
36
|
+
<!-- 方式二：不同颜色集合 -->
|
|
37
|
+
<ColorPicker :color="color" type="colorAll" />
|
|
38
|
+
<ColorPicker :color="color" type="colorOne" />
|
|
39
|
+
<ColorPicker :color="color" type="colorTwo" />
|
|
40
|
+
|
|
41
|
+
<!-- 宽高控制（选择框/面板） -->
|
|
42
|
+
<ColorPicker :color="color" width="280px" height="260px" />
|
|
43
|
+
</template>
|
|
44
|
+
|
|
45
|
+
<script setup>
|
|
46
|
+
import { ref } from 'vue'
|
|
47
|
+
const color = ref('')
|
|
48
|
+
function onChange(v) { color.value = v }
|
|
49
|
+
</script>
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
### 效果预览（不同 type）
|
|
53
|
+
|
|
54
|
+
- colorAll（默认所有颜色）
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
- colorOne（黑白与常用灰阶）
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
- colorTwo（常用彩色/高对比色）
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
### Props
|
|
67
|
+
|
|
68
|
+
- `color` String 默认 颜色表第一个：当前颜色（受控）
|
|
69
|
+
- `type` String 默认 `colorAll`：颜色集合类型
|
|
70
|
+
- `colorAll`
|
|
71
|
+
- `colorOne`
|
|
72
|
+
- `colorTwo`
|
|
73
|
+
- `width` String 默认 `100%`：选择框宽度
|
|
74
|
+
- `height` String 默认 `auto`：下拉面板高度（可滚动）
|
|
75
|
+
|
|
76
|
+
### Events
|
|
77
|
+
|
|
78
|
+
- `change`(color: string)：当选择颜色时触发，返回 16 进制颜色（如 `#1677ff`）
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
### NPM 发布
|
|
82
|
+
|
|
83
|
+
1) 先修改版本号：`package.json` 的 `version`
|
|
84
|
+
2) 登录 npm：
|
|
85
|
+
```bash
|
|
86
|
+
npm login
|
|
87
|
+
```
|
|
88
|
+
3) 发布（公开包）：
|
|
89
|
+
```bash
|
|
90
|
+
npm publish --access public
|
|
91
|
+
```
|
|
92
|
+
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ssc-color .select[data-v-ddd4fe38]{position:relative;width:100%;min-width:200px;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005;font-size:14px}.ssc-color .select[data-v-ddd4fe38]:hover{border-color:#4096ff}.swatch[data-v-ddd4fe38]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.label[data-v-ddd4fe38]{flex:1;color:#333}.arrow[data-v-ddd4fe38]{width:16px;height:16px}.panel[data-v-ddd4fe38]{position:absolute;left:0;right:0;top:32px;z-index:1;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent}.panel[data-v-ddd4fe38]::-webkit-scrollbar{width:3px;height:3px}.panel[data-v-ddd4fe38]::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:4px}.panel[data-v-ddd4fe38]::-webkit-scrollbar-track{background:transparent}.grid[data-v-ddd4fe38]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.chip[data-v-ddd4fe38]{width:100%;height:26px;border-radius:6px;border:1px solid #fff;cursor:pointer;display:inline-block}
|
|
@@ -0,0 +1,446 @@
|
|
|
1
|
+
import { ref as i, computed as a, watch as g, onMounted as u, onBeforeUnmount as _, createElementBlock as B, openBlock as A, createElementVNode as D, normalizeStyle as n, withModifiers as d, createCommentVNode as y, toDisplayString as k, unref as b, Fragment as w, renderList as L } from "vue";
|
|
2
|
+
const M = [
|
|
3
|
+
"#ffffff",
|
|
4
|
+
"#f5f5f5",
|
|
5
|
+
"#d9d9d9",
|
|
6
|
+
"#bfbfbf",
|
|
7
|
+
"#8c8c8c",
|
|
8
|
+
"#595959",
|
|
9
|
+
"#262626",
|
|
10
|
+
"#000000",
|
|
11
|
+
"#FEF2F2",
|
|
12
|
+
"#FFE2E2",
|
|
13
|
+
"#FFC9C9",
|
|
14
|
+
"#FFA2A2",
|
|
15
|
+
"#FF6467",
|
|
16
|
+
"#FB2C36",
|
|
17
|
+
"#E7180B",
|
|
18
|
+
"#C11007",
|
|
19
|
+
"#FFF7ED",
|
|
20
|
+
"#FFEDD4",
|
|
21
|
+
"#FFD6A7",
|
|
22
|
+
"#FFB86A",
|
|
23
|
+
"#FF8904",
|
|
24
|
+
"#FF692A",
|
|
25
|
+
"#F54927",
|
|
26
|
+
"#CA3519",
|
|
27
|
+
"#FFFBEB",
|
|
28
|
+
"#FEF3C6",
|
|
29
|
+
"#FEE685",
|
|
30
|
+
"#FFD230",
|
|
31
|
+
"#FFB93B",
|
|
32
|
+
"#FE9A37",
|
|
33
|
+
"#E1712B",
|
|
34
|
+
"#BB4D1A",
|
|
35
|
+
"#FEFCE8",
|
|
36
|
+
"#FEF9C2",
|
|
37
|
+
"#FFF085",
|
|
38
|
+
"#FFDF20",
|
|
39
|
+
"#FDC745",
|
|
40
|
+
"#F0B13B",
|
|
41
|
+
"#D0872E",
|
|
42
|
+
"#A65F1B",
|
|
43
|
+
"#F7FEE7",
|
|
44
|
+
"#ECFCCA",
|
|
45
|
+
"#D8F999",
|
|
46
|
+
"#BBF451",
|
|
47
|
+
"#9AE630",
|
|
48
|
+
"#7CCF35",
|
|
49
|
+
"#5EA529",
|
|
50
|
+
"#497D15",
|
|
51
|
+
"#F0FDF4",
|
|
52
|
+
"#DCFCE7",
|
|
53
|
+
"#B9F8CF",
|
|
54
|
+
"#7BF1A8",
|
|
55
|
+
"#05DF72",
|
|
56
|
+
"#31C950",
|
|
57
|
+
"#2AA63E",
|
|
58
|
+
"#178236",
|
|
59
|
+
"#ECFDF5",
|
|
60
|
+
"#D0FAE5",
|
|
61
|
+
"#A4F4CF",
|
|
62
|
+
"#5EE9B5",
|
|
63
|
+
"#31D492",
|
|
64
|
+
"#37BC7D",
|
|
65
|
+
"#2D9966",
|
|
66
|
+
"#1F7A55",
|
|
67
|
+
"#F0FDFA",
|
|
68
|
+
"#CBFBF1",
|
|
69
|
+
"#96F7E4",
|
|
70
|
+
"#46ECD5",
|
|
71
|
+
"#38D5BE",
|
|
72
|
+
"#36BBA7",
|
|
73
|
+
"#2A9689",
|
|
74
|
+
"#18786F",
|
|
75
|
+
"#ECFEFF",
|
|
76
|
+
"#CEFAFE",
|
|
77
|
+
"#A2F4FD",
|
|
78
|
+
"#53EAFD",
|
|
79
|
+
"#42D3F2",
|
|
80
|
+
"#3BB8DB",
|
|
81
|
+
"#2C92B8",
|
|
82
|
+
"#1A7595",
|
|
83
|
+
"#F0F9FF",
|
|
84
|
+
"#DFF2FE",
|
|
85
|
+
"#B8E6FE",
|
|
86
|
+
"#74D4FF",
|
|
87
|
+
"#21BCFF",
|
|
88
|
+
"#34A6F4",
|
|
89
|
+
"#2984D1",
|
|
90
|
+
"#1C69A8",
|
|
91
|
+
"#EFF6FF",
|
|
92
|
+
"#DBEAFE",
|
|
93
|
+
"#BEDBFF",
|
|
94
|
+
"#8EC5FF",
|
|
95
|
+
"#51A2FF",
|
|
96
|
+
"#2B7FFF",
|
|
97
|
+
"#155DFC",
|
|
98
|
+
"#1447E6",
|
|
99
|
+
"#EEF2FF",
|
|
100
|
+
"#E0E7FF",
|
|
101
|
+
"#C6D2FF",
|
|
102
|
+
"#A3B3FF",
|
|
103
|
+
"#7C86FF",
|
|
104
|
+
"#615FFF",
|
|
105
|
+
"#4F39F6",
|
|
106
|
+
"#432DD7",
|
|
107
|
+
"#F5F3FF",
|
|
108
|
+
"#EDE9FE",
|
|
109
|
+
"#DDD6FF",
|
|
110
|
+
"#C4B4FF",
|
|
111
|
+
"#A684FF",
|
|
112
|
+
"#8E51FF",
|
|
113
|
+
"#7F22FE",
|
|
114
|
+
"#7008E7",
|
|
115
|
+
"#FAF5FF",
|
|
116
|
+
"#F3E8FF",
|
|
117
|
+
"#E9D4FF",
|
|
118
|
+
"#DAB2FF",
|
|
119
|
+
"#C27AFF",
|
|
120
|
+
"#AD46FF",
|
|
121
|
+
"#9810FA",
|
|
122
|
+
"#8207DB",
|
|
123
|
+
"#FDF4FF",
|
|
124
|
+
"#FAE8FF",
|
|
125
|
+
"#F6CFFF",
|
|
126
|
+
"#F4A8FF",
|
|
127
|
+
"#ED6AFF",
|
|
128
|
+
"#E12AFB",
|
|
129
|
+
"#C81CDE",
|
|
130
|
+
"#A813B7",
|
|
131
|
+
"#FDF2F8",
|
|
132
|
+
"#FCE7F3",
|
|
133
|
+
"#FCCEE8",
|
|
134
|
+
"#FDA5D5",
|
|
135
|
+
"#FB64B6",
|
|
136
|
+
"#F6339A",
|
|
137
|
+
"#E61876",
|
|
138
|
+
"#C6185C",
|
|
139
|
+
"#FFF1F2",
|
|
140
|
+
"#FFE4E6",
|
|
141
|
+
"#FFCCD3",
|
|
142
|
+
"#FFA1AD",
|
|
143
|
+
"#FF637E",
|
|
144
|
+
"#FF2056",
|
|
145
|
+
"#EC253F",
|
|
146
|
+
"#C71D36"
|
|
147
|
+
], S = {
|
|
148
|
+
"#ffffff": "纯白",
|
|
149
|
+
"#f5f5f5": "浅灰",
|
|
150
|
+
"#d9d9d9": "中灰",
|
|
151
|
+
"#bfbfbf": "浅灰1",
|
|
152
|
+
"#8c8c8c": "灰3",
|
|
153
|
+
"#595959": "灰2",
|
|
154
|
+
"#262626": "深灰",
|
|
155
|
+
"#000000": "纯黑",
|
|
156
|
+
"#FEF2F2": "粉红浅",
|
|
157
|
+
"#FFE2E2": "粉红",
|
|
158
|
+
"#FFC9C9": "粉红中",
|
|
159
|
+
"#FFA2A2": "粉红深",
|
|
160
|
+
"#FF6467": "珊瑚红",
|
|
161
|
+
"#FB2C36": "鲜红",
|
|
162
|
+
"#E7180B": "深红",
|
|
163
|
+
"#C11007": "暗红",
|
|
164
|
+
"#FFF7ED": "橙黄浅",
|
|
165
|
+
"#FFEDD4": "橙黄",
|
|
166
|
+
"#FFD6A7": "橙黄中",
|
|
167
|
+
"#FFB86A": "橙黄深",
|
|
168
|
+
"#FF8904": "橙",
|
|
169
|
+
"#FF692A": "橙红",
|
|
170
|
+
"#F54927": "深橙",
|
|
171
|
+
"#CA3519": "暗橙",
|
|
172
|
+
"#FFFBEB": "黄浅",
|
|
173
|
+
"#FEF3C6": "黄",
|
|
174
|
+
"#FEE685": "黄中",
|
|
175
|
+
"#FFD230": "黄深",
|
|
176
|
+
"#FFB93B": "金黄",
|
|
177
|
+
"#FE9A37": "深黄",
|
|
178
|
+
"#E1712B": "橙黄",
|
|
179
|
+
"#BB4D1A": "暗橙黄",
|
|
180
|
+
"#FEFCE8": "黄绿浅",
|
|
181
|
+
"#FEF9C2": "黄绿",
|
|
182
|
+
"#FFF085": "黄绿中",
|
|
183
|
+
"#FFDF20": "黄绿深",
|
|
184
|
+
"#FDC745": "柠檬",
|
|
185
|
+
"#F0B13B": "柠檬深",
|
|
186
|
+
"#D0872E": "深柠檬",
|
|
187
|
+
"#A65F1B": "暗柠檬",
|
|
188
|
+
"#F7FEE7": "绿浅",
|
|
189
|
+
"#ECFCCA": "绿",
|
|
190
|
+
"#D8F999": "绿中",
|
|
191
|
+
"#BBF451": "绿深",
|
|
192
|
+
"#9AE630": "鲜绿",
|
|
193
|
+
"#7CCF35": "深绿",
|
|
194
|
+
"#5EA529": "深绿1",
|
|
195
|
+
"#497D15": "暗绿",
|
|
196
|
+
"#F0FDF4": "青绿浅",
|
|
197
|
+
"#DCFCE7": "青绿",
|
|
198
|
+
"#B9F8CF": "青绿中",
|
|
199
|
+
"#7BF1A8": "青绿深",
|
|
200
|
+
"#05DF72": "青绿",
|
|
201
|
+
"#31C950": "深青绿",
|
|
202
|
+
"#2AA63E": "深青绿1",
|
|
203
|
+
"#178236": "暗青绿",
|
|
204
|
+
"#ECFDF5": "青浅",
|
|
205
|
+
"#D0FAE5": "青",
|
|
206
|
+
"#A4F4CF": "青中",
|
|
207
|
+
"#5EE9B5": "青深",
|
|
208
|
+
"#31D492": "青",
|
|
209
|
+
"#37BC7D": "深青",
|
|
210
|
+
"#2D9966": "深青1",
|
|
211
|
+
"#1F7A55": "暗青",
|
|
212
|
+
"#F0FDFA": "蓝青浅",
|
|
213
|
+
"#CBFBF1": "蓝青",
|
|
214
|
+
"#96F7E4": "蓝青中",
|
|
215
|
+
"#46ECD5": "蓝青深",
|
|
216
|
+
"#38D5BE": "蓝青",
|
|
217
|
+
"#36BBA7": "深蓝青",
|
|
218
|
+
"#2A9689": "深蓝青1",
|
|
219
|
+
"#18786F": "暗蓝青",
|
|
220
|
+
"#ECFEFF": "蓝浅",
|
|
221
|
+
"#CEFAFE": "蓝",
|
|
222
|
+
"#A2F4FD": "蓝中",
|
|
223
|
+
"#53EAFD": "蓝深",
|
|
224
|
+
"#42D3F2": "天蓝",
|
|
225
|
+
"#3BB8DB": "深天蓝",
|
|
226
|
+
"#2C92B8": "深天蓝1",
|
|
227
|
+
"#1A7595": "暗天蓝",
|
|
228
|
+
"#F0F9FF": "深蓝浅",
|
|
229
|
+
"#DFF2FE": "深蓝",
|
|
230
|
+
"#B8E6FE": "深蓝中",
|
|
231
|
+
"#74D4FF": "深蓝深",
|
|
232
|
+
"#21BCFF": "深蓝",
|
|
233
|
+
"#34A6F4": "深蓝1",
|
|
234
|
+
"#2984D1": "深蓝2",
|
|
235
|
+
"#1C69A8": "暗深蓝",
|
|
236
|
+
"#EFF6FF": "蓝浅1",
|
|
237
|
+
"#DBEAFE": "蓝1",
|
|
238
|
+
"#BEDBFF": "蓝中1",
|
|
239
|
+
"#8EC5FF": "蓝深1",
|
|
240
|
+
"#51A2FF": "蓝1",
|
|
241
|
+
"#2B7FFF": "深蓝1",
|
|
242
|
+
"#155DFC": "深蓝2",
|
|
243
|
+
"#1447E6": "暗蓝1",
|
|
244
|
+
"#EEF2FF": "紫蓝浅",
|
|
245
|
+
"#E0E7FF": "紫蓝",
|
|
246
|
+
"#C6D2FF": "紫蓝中",
|
|
247
|
+
"#A3B3FF": "紫蓝深",
|
|
248
|
+
"#7C86FF": "紫蓝",
|
|
249
|
+
"#615FFF": "深紫蓝",
|
|
250
|
+
"#4F39F6": "深紫蓝1",
|
|
251
|
+
"#432DD7": "暗紫蓝",
|
|
252
|
+
"#F5F3FF": "紫浅",
|
|
253
|
+
"#EDE9FE": "紫",
|
|
254
|
+
"#DDD6FF": "紫中",
|
|
255
|
+
"#C4B4FF": "紫深",
|
|
256
|
+
"#A684FF": "紫",
|
|
257
|
+
"#8E51FF": "深紫",
|
|
258
|
+
"#7F22FE": "深紫1",
|
|
259
|
+
"#7008E7": "暗紫",
|
|
260
|
+
"#FAF5FF": "深紫浅",
|
|
261
|
+
"#F3E8FF": "深紫",
|
|
262
|
+
"#E9D4FF": "深紫中",
|
|
263
|
+
"#DAB2FF": "深紫深",
|
|
264
|
+
"#C27AFF": "深紫",
|
|
265
|
+
"#AD46FF": "深紫1",
|
|
266
|
+
"#9810FA": "深紫2",
|
|
267
|
+
"#8207DB": "暗深紫",
|
|
268
|
+
"#FDF4FF": "粉紫浅",
|
|
269
|
+
"#FAE8FF": "粉紫",
|
|
270
|
+
"#F6CFFF": "粉紫中",
|
|
271
|
+
"#F4A8FF": "粉紫深",
|
|
272
|
+
"#ED6AFF": "粉紫",
|
|
273
|
+
"#E12AFB": "深粉紫",
|
|
274
|
+
"#C81CDE": "深粉紫1",
|
|
275
|
+
"#A813B7": "暗粉紫",
|
|
276
|
+
"#FDF2F8": "粉红浅1",
|
|
277
|
+
"#FCE7F3": "粉红1",
|
|
278
|
+
"#FCCEE8": "粉红中1",
|
|
279
|
+
"#FDA5D5": "粉红深1",
|
|
280
|
+
"#FB64B6": "粉红1",
|
|
281
|
+
"#F6339A": "深粉红",
|
|
282
|
+
"#E61876": "深粉红1",
|
|
283
|
+
"#C6185C": "暗粉红",
|
|
284
|
+
"#FFF1F2": "红浅",
|
|
285
|
+
"#FFE4E6": "红",
|
|
286
|
+
"#FFCCD3": "红中",
|
|
287
|
+
"#FFA1AD": "红深",
|
|
288
|
+
"#FF637E": "红",
|
|
289
|
+
"#FF2056": "深红",
|
|
290
|
+
"#EC253F": "深红1",
|
|
291
|
+
"#C71D36": "深红2"
|
|
292
|
+
}, x = [
|
|
293
|
+
"#ffffff",
|
|
294
|
+
"#f5f5f5",
|
|
295
|
+
"#eeeeee",
|
|
296
|
+
"#e5e5e5",
|
|
297
|
+
"#d9d9d9",
|
|
298
|
+
"#cccccc",
|
|
299
|
+
"#bfbfbf",
|
|
300
|
+
"#a6a6a6",
|
|
301
|
+
"#8c8c8c",
|
|
302
|
+
"#737373",
|
|
303
|
+
"#595959",
|
|
304
|
+
"#404040",
|
|
305
|
+
"#333333",
|
|
306
|
+
"#262626",
|
|
307
|
+
"#1a1a1a",
|
|
308
|
+
"#000000"
|
|
309
|
+
], N = {
|
|
310
|
+
"#ffffff": "纯白",
|
|
311
|
+
"#f5f5f5": "浅灰",
|
|
312
|
+
"#eeeeee": "极浅灰",
|
|
313
|
+
"#e5e5e5": "很浅灰",
|
|
314
|
+
"#d9d9d9": "中灰",
|
|
315
|
+
"#cccccc": "浅灰2",
|
|
316
|
+
"#bfbfbf": "浅灰1",
|
|
317
|
+
"#a6a6a6": "灰4",
|
|
318
|
+
"#8c8c8c": "灰3",
|
|
319
|
+
"#737373": "灰2.5",
|
|
320
|
+
"#595959": "灰2",
|
|
321
|
+
"#404040": "深灰1",
|
|
322
|
+
"#333333": "深灰2",
|
|
323
|
+
"#262626": "深灰",
|
|
324
|
+
"#1a1a1a": "近黑",
|
|
325
|
+
"#000000": "纯黑"
|
|
326
|
+
}, T = [
|
|
327
|
+
"#FB2C36",
|
|
328
|
+
"#FF692A",
|
|
329
|
+
"#FE9A37",
|
|
330
|
+
"#F0B13B",
|
|
331
|
+
"#7CCF35",
|
|
332
|
+
"#31C950",
|
|
333
|
+
"#37BC7D",
|
|
334
|
+
"#36BBA7",
|
|
335
|
+
"#3BB8DB",
|
|
336
|
+
"#34A6F4",
|
|
337
|
+
"#2B7FFF",
|
|
338
|
+
"#615FFF",
|
|
339
|
+
"#8E51FF",
|
|
340
|
+
"#AD46FF",
|
|
341
|
+
"#E12AFB",
|
|
342
|
+
"#F6339A"
|
|
343
|
+
], O = {
|
|
344
|
+
"#FB2C36": "鲜红",
|
|
345
|
+
"#FF692A": "橙红",
|
|
346
|
+
"#FE9A37": "深黄",
|
|
347
|
+
"#F0B13B": "柠檬深",
|
|
348
|
+
"#7CCF35": "深绿",
|
|
349
|
+
"#31C950": "深青绿",
|
|
350
|
+
"#37BC7D": "深青",
|
|
351
|
+
"#36BBA7": "深蓝青",
|
|
352
|
+
"#3BB8DB": "深天蓝",
|
|
353
|
+
"#34A6F4": "深蓝1",
|
|
354
|
+
"#2B7FFF": "深蓝1",
|
|
355
|
+
"#615FFF": "深紫蓝",
|
|
356
|
+
"#8E51FF": "深紫",
|
|
357
|
+
"#AD46FF": "深紫1",
|
|
358
|
+
"#E12AFB": "深粉紫",
|
|
359
|
+
"#F6339A": "深粉红"
|
|
360
|
+
}, P = () => '<svg t="1760602465263" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1846" width="16" height="16"><path d="M512 704c8.288 0 15.776-3.232 21.456-8.4l0.064 0.08 352-320-0.08-0.08c6.448-5.856 10.56-14.208 10.56-23.6a32 32 0 0 0-32-32c-8.288 0-15.76 3.232-21.456 8.4l-0.08-0.08L512 628.752 181.536 328.32l-0.08 0.08A31.776 31.776 0 0 0 160 320a32 32 0 0 0-32 32c0 9.376 4.112 17.744 10.544 23.6l-0.08 0.08 352 320 0.08-0.08c5.68 5.168 13.168 8.4 21.456 8.4z" p-id="1847"></path></svg>', U = (t, c) => {
|
|
361
|
+
const F = t.__vccOpts || t;
|
|
362
|
+
for (const [l, E] of c)
|
|
363
|
+
F[l] = E;
|
|
364
|
+
return F;
|
|
365
|
+
}, V = { class: "ssc-color" }, z = { class: "label" }, H = ["innerHTML"], $ = { class: "grid" }, I = ["onClick"], j = {
|
|
366
|
+
__name: "ColorPicker",
|
|
367
|
+
props: {
|
|
368
|
+
type: { type: String, default: "colorAll" },
|
|
369
|
+
// colorAll colorOne colorTwo
|
|
370
|
+
color: { type: String, default: "" },
|
|
371
|
+
width: { type: String, default: "100%" },
|
|
372
|
+
height: { type: String, default: "auto" }
|
|
373
|
+
},
|
|
374
|
+
emits: ["change"],
|
|
375
|
+
setup(t, { emit: c }) {
|
|
376
|
+
const F = t, l = c, E = i(!1), s = a(() => F.type === "colorOne" ? x : F.type === "colorTwo" ? T : M), p = a(() => F.type === "colorOne" ? N : F.type === "colorTwo" ? O : S), o = i("");
|
|
377
|
+
g(() => F.color, (e) => {
|
|
378
|
+
var C;
|
|
379
|
+
typeof e == "string" && e !== o.value && (o.value = e || ((C = s.value) == null ? void 0 : C[0]) || "#000000");
|
|
380
|
+
});
|
|
381
|
+
const v = a(() => p.value[o.value] || "自定义");
|
|
382
|
+
u(() => {
|
|
383
|
+
var e;
|
|
384
|
+
if (F.color)
|
|
385
|
+
o.value = F.color;
|
|
386
|
+
else {
|
|
387
|
+
const C = ((e = s.value) == null ? void 0 : e[0]) || "#000000";
|
|
388
|
+
console.error(C), o.value = C;
|
|
389
|
+
}
|
|
390
|
+
});
|
|
391
|
+
function h(e) {
|
|
392
|
+
o.value = e, E.value = !1, l("change", e);
|
|
393
|
+
}
|
|
394
|
+
function m() {
|
|
395
|
+
E.value = !E.value;
|
|
396
|
+
}
|
|
397
|
+
const f = () => {
|
|
398
|
+
E.value = !1;
|
|
399
|
+
};
|
|
400
|
+
return u(() => document.addEventListener("click", f)), _(() => document.removeEventListener("click", f)), (e, C) => (A(), B("div", V, [
|
|
401
|
+
D("div", {
|
|
402
|
+
class: "select",
|
|
403
|
+
onClick: d(m, ["stop"]),
|
|
404
|
+
style: n({
|
|
405
|
+
width: F.width
|
|
406
|
+
})
|
|
407
|
+
}, [
|
|
408
|
+
D("span", {
|
|
409
|
+
class: "swatch",
|
|
410
|
+
style: n({ backgroundColor: o.value })
|
|
411
|
+
}, null, 4),
|
|
412
|
+
D("span", z, k(v.value), 1),
|
|
413
|
+
D("div", {
|
|
414
|
+
class: "arrow",
|
|
415
|
+
innerHTML: b(P)()
|
|
416
|
+
}, null, 8, H),
|
|
417
|
+
E.value ? (A(), B("div", {
|
|
418
|
+
key: 0,
|
|
419
|
+
class: "panel",
|
|
420
|
+
style: n({
|
|
421
|
+
height: F.height
|
|
422
|
+
})
|
|
423
|
+
}, [
|
|
424
|
+
D("div", $, [
|
|
425
|
+
(A(!0), B(w, null, L(s.value, (r) => (A(), B("span", {
|
|
426
|
+
key: r,
|
|
427
|
+
class: "chip",
|
|
428
|
+
style: n({ backgroundColor: r }),
|
|
429
|
+
onClick: d((G) => h(r), ["stop"])
|
|
430
|
+
}, null, 12, I))), 128))
|
|
431
|
+
])
|
|
432
|
+
], 4)) : y("", !0)
|
|
433
|
+
], 4)
|
|
434
|
+
]));
|
|
435
|
+
}
|
|
436
|
+
}, q = /* @__PURE__ */ U(j, [["__scopeId", "data-v-ddd4fe38"]]), K = {
|
|
437
|
+
install(t, c = {}) {
|
|
438
|
+
const F = c.prefix || "";
|
|
439
|
+
t.component(`${F}ColorPicker`, q);
|
|
440
|
+
}
|
|
441
|
+
};
|
|
442
|
+
export {
|
|
443
|
+
q as ColorPicker,
|
|
444
|
+
K as default
|
|
445
|
+
};
|
|
446
|
+
//# sourceMappingURL=sun-select-color.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sun-select-color.es.js","sources":["../src/colors.js","../src/components/ColorPicker.vue","../src/index.js"],"sourcesContent":["export const ColorList = [\r\n \"#ffffff\",\"#f5f5f5\",\"#d9d9d9\",\"#bfbfbf\",\"#8c8c8c\",\"#595959\",\"#262626\",\"#000000\",\r\n \"#FEF2F2\",\"#FFE2E2\",\"#FFC9C9\",\"#FFA2A2\",\"#FF6467\",\"#FB2C36\",\"#E7180B\",\"#C11007\",\r\n \"#FFF7ED\",\"#FFEDD4\",\"#FFD6A7\",\"#FFB86A\",\"#FF8904\",\"#FF692A\",\"#F54927\",\"#CA3519\",\r\n \"#FFFBEB\",\"#FEF3C6\",\"#FEE685\",\"#FFD230\",\"#FFB93B\",\"#FE9A37\",\"#E1712B\",\"#BB4D1A\",\r\n \"#FEFCE8\",\"#FEF9C2\",\"#FFF085\",\"#FFDF20\",\"#FDC745\",\"#F0B13B\",\"#D0872E\",\"#A65F1B\",\r\n \"#F7FEE7\",\"#ECFCCA\",\"#D8F999\",\"#BBF451\",\"#9AE630\",\"#7CCF35\",\"#5EA529\",\"#497D15\",\r\n \"#F0FDF4\",\"#DCFCE7\",\"#B9F8CF\",\"#7BF1A8\",\"#05DF72\",\"#31C950\",\"#2AA63E\",\"#178236\",\r\n \"#ECFDF5\",\"#D0FAE5\",\"#A4F4CF\",\"#5EE9B5\",\"#31D492\",\"#37BC7D\",\"#2D9966\",\"#1F7A55\",\r\n \"#F0FDFA\",\"#CBFBF1\",\"#96F7E4\",\"#46ECD5\",\"#38D5BE\",\"#36BBA7\",\"#2A9689\",\"#18786F\",\r\n \"#ECFEFF\",\"#CEFAFE\",\"#A2F4FD\",\"#53EAFD\",\"#42D3F2\",\"#3BB8DB\",\"#2C92B8\",\"#1A7595\",\r\n \"#F0F9FF\",\"#DFF2FE\",\"#B8E6FE\",\"#74D4FF\",\"#21BCFF\",\"#34A6F4\",\"#2984D1\",\"#1C69A8\",\r\n \"#EFF6FF\",\"#DBEAFE\",\"#BEDBFF\",\"#8EC5FF\",\"#51A2FF\",\"#2B7FFF\",\"#155DFC\",\"#1447E6\",\r\n \"#EEF2FF\",\"#E0E7FF\",\"#C6D2FF\",\"#A3B3FF\",\"#7C86FF\",\"#615FFF\",\"#4F39F6\",\"#432DD7\",\r\n \"#F5F3FF\",\"#EDE9FE\",\"#DDD6FF\",\"#C4B4FF\",\"#A684FF\",\"#8E51FF\",\"#7F22FE\",\"#7008E7\",\r\n \"#FAF5FF\",\"#F3E8FF\",\"#E9D4FF\",\"#DAB2FF\",\"#C27AFF\",\"#AD46FF\",\"#9810FA\",\"#8207DB\",\r\n \"#FDF4FF\",\"#FAE8FF\",\"#F6CFFF\",\"#F4A8FF\",\"#ED6AFF\",\"#E12AFB\",\"#C81CDE\",\"#A813B7\",\r\n \"#FDF2F8\",\"#FCE7F3\",\"#FCCEE8\",\"#FDA5D5\",\"#FB64B6\",\"#F6339A\",\"#E61876\",\"#C6185C\",\r\n \"#FFF1F2\",\"#FFE4E6\",\"#FFCCD3\",\"#FFA1AD\",\"#FF637E\",\"#FF2056\",\"#EC253F\",\"#C71D36\",\r\n]\r\n\r\nexport const ColorNameMap = {\r\n \"#ffffff\":\"纯白\",\"#f5f5f5\":\"浅灰\",\"#d9d9d9\":\"中灰\",\"#bfbfbf\":\"浅灰1\",\"#8c8c8c\":\"灰3\",\"#595959\":\"灰2\",\"#262626\":\"深灰\",\"#000000\":\"纯黑\",\r\n \"#FEF2F2\":\"粉红浅\",\"#FFE2E2\":\"粉红\",\"#FFC9C9\":\"粉红中\",\"#FFA2A2\":\"粉红深\",\"#FF6467\":\"珊瑚红\",\"#FB2C36\":\"鲜红\",\"#E7180B\":\"深红\",\"#C11007\":\"暗红\",\r\n \"#FFF7ED\":\"橙黄浅\",\"#FFEDD4\":\"橙黄\",\"#FFD6A7\":\"橙黄中\",\"#FFB86A\":\"橙黄深\",\"#FF8904\":\"橙\",\"#FF692A\":\"橙红\",\"#F54927\":\"深橙\",\"#CA3519\":\"暗橙\",\r\n \"#FFFBEB\":\"黄浅\",\"#FEF3C6\":\"黄\",\"#FEE685\":\"黄中\",\"#FFD230\":\"黄深\",\"#FFB93B\":\"金黄\",\"#FE9A37\":\"深黄\",\"#E1712B\":\"橙黄\",\"#BB4D1A\":\"暗橙黄\",\r\n \"#FEFCE8\":\"黄绿浅\",\"#FEF9C2\":\"黄绿\",\"#FFF085\":\"黄绿中\",\"#FFDF20\":\"黄绿深\",\"#FDC745\":\"柠檬\",\"#F0B13B\":\"柠檬深\",\"#D0872E\":\"深柠檬\",\"#A65F1B\":\"暗柠檬\",\r\n \"#F7FEE7\":\"绿浅\",\"#ECFCCA\":\"绿\",\"#D8F999\":\"绿中\",\"#BBF451\":\"绿深\",\"#9AE630\":\"鲜绿\",\"#7CCF35\":\"深绿\",\"#5EA529\":\"深绿1\",\"#497D15\":\"暗绿\",\r\n \"#F0FDF4\":\"青绿浅\",\"#DCFCE7\":\"青绿\",\"#B9F8CF\":\"青绿中\",\"#7BF1A8\":\"青绿深\",\"#05DF72\":\"青绿\",\"#31C950\":\"深青绿\",\"#2AA63E\":\"深青绿1\",\"#178236\":\"暗青绿\",\r\n \"#ECFDF5\":\"青浅\",\"#D0FAE5\":\"青\",\"#A4F4CF\":\"青中\",\"#5EE9B5\":\"青深\",\"#31D492\":\"青\",\"#37BC7D\":\"深青\",\"#2D9966\":\"深青1\",\"#1F7A55\":\"暗青\",\r\n \"#F0FDFA\":\"蓝青浅\",\"#CBFBF1\":\"蓝青\",\"#96F7E4\":\"蓝青中\",\"#46ECD5\":\"蓝青深\",\"#38D5BE\":\"蓝青\",\"#36BBA7\":\"深蓝青\",\"#2A9689\":\"深蓝青1\",\"#18786F\":\"暗蓝青\",\r\n \"#ECFEFF\":\"蓝浅\",\"#CEFAFE\":\"蓝\",\"#A2F4FD\":\"蓝中\",\"#53EAFD\":\"蓝深\",\"#42D3F2\":\"天蓝\",\"#3BB8DB\":\"深天蓝\",\"#2C92B8\":\"深天蓝1\",\"#1A7595\":\"暗天蓝\",\r\n \"#F0F9FF\":\"深蓝浅\",\"#DFF2FE\":\"深蓝\",\"#B8E6FE\":\"深蓝中\",\"#74D4FF\":\"深蓝深\",\"#21BCFF\":\"深蓝\",\"#34A6F4\":\"深蓝1\",\"#2984D1\":\"深蓝2\",\"#1C69A8\":\"暗深蓝\",\r\n \"#EFF6FF\":\"蓝浅1\",\"#DBEAFE\":\"蓝1\",\"#BEDBFF\":\"蓝中1\",\"#8EC5FF\":\"蓝深1\",\"#51A2FF\":\"蓝1\",\"#2B7FFF\":\"深蓝1\",\"#155DFC\":\"深蓝2\",\"#1447E6\":\"暗蓝1\",\r\n \"#EEF2FF\":\"紫蓝浅\",\"#E0E7FF\":\"紫蓝\",\"#C6D2FF\":\"紫蓝中\",\"#A3B3FF\":\"紫蓝深\",\"#7C86FF\":\"紫蓝\",\"#615FFF\":\"深紫蓝\",\"#4F39F6\":\"深紫蓝1\",\"#432DD7\":\"暗紫蓝\",\r\n \"#F5F3FF\":\"紫浅\",\"#EDE9FE\":\"紫\",\"#DDD6FF\":\"紫中\",\"#C4B4FF\":\"紫深\",\"#A684FF\":\"紫\",\"#8E51FF\":\"深紫\",\"#7F22FE\":\"深紫1\",\"#7008E7\":\"暗紫\",\r\n \"#FAF5FF\":\"深紫浅\",\"#F3E8FF\":\"深紫\",\"#E9D4FF\":\"深紫中\",\"#DAB2FF\":\"深紫深\",\"#C27AFF\":\"深紫\",\"#AD46FF\":\"深紫1\",\"#9810FA\":\"深紫2\",\"#8207DB\":\"暗深紫\",\r\n \"#FDF4FF\":\"粉紫浅\",\"#FAE8FF\":\"粉紫\",\"#F6CFFF\":\"粉紫中\",\"#F4A8FF\":\"粉紫深\",\"#ED6AFF\":\"粉紫\",\"#E12AFB\":\"深粉紫\",\"#C81CDE\":\"深粉紫1\",\"#A813B7\":\"暗粉紫\",\r\n \"#FDF2F8\":\"粉红浅1\",\"#FCE7F3\":\"粉红1\",\"#FCCEE8\":\"粉红中1\",\"#FDA5D5\":\"粉红深1\",\"#FB64B6\":\"粉红1\",\"#F6339A\":\"深粉红\",\"#E61876\":\"深粉红1\",\"#C6185C\":\"暗粉红\",\r\n \"#FFF1F2\":\"红浅\",\"#FFE4E6\":\"红\",\"#FFCCD3\":\"红中\",\"#FFA1AD\":\"红深\",\"#FF637E\":\"红\",\"#FF2056\":\"深红\",\"#EC253F\":\"深红1\",\"#C71D36\":\"深红2\",\r\n}\r\n\r\nexport const ColorList1 = [\r\n \"#ffffff\",\r\n \"#f5f5f5\",\r\n \"#eeeeee\",\r\n \"#e5e5e5\",\r\n \"#d9d9d9\",\r\n \"#cccccc\",\r\n \"#bfbfbf\",\r\n \"#a6a6a6\",\r\n \"#8c8c8c\",\r\n \"#737373\",\r\n \"#595959\",\r\n \"#404040\",\r\n \"#333333\",\r\n \"#262626\",\r\n \"#1a1a1a\",\r\n \"#000000\"\r\n]\r\n\r\nexport const ColorNameMap1 = {\r\n \"#ffffff\":\"纯白\",\r\n \"#f5f5f5\":\"浅灰\",\r\n \"#eeeeee\":\"极浅灰\",\r\n \"#e5e5e5\":\"很浅灰\",\r\n \"#d9d9d9\":\"中灰\",\r\n \"#cccccc\":\"浅灰2\",\r\n \"#bfbfbf\":\"浅灰1\",\r\n \"#a6a6a6\":\"灰4\",\r\n \"#8c8c8c\":\"灰3\",\r\n \"#737373\":\"灰2.5\",\r\n \"#595959\":\"灰2\",\r\n \"#404040\":\"深灰1\",\r\n \"#333333\": \"深灰2\",\r\n \"#262626\":\"深灰\",\r\n \"#1a1a1a\":\"近黑\",\r\n \"#000000\":\"纯黑\",\r\n}\r\n\r\nexport const ColorList2 = [\r\n \"#FB2C36\",\r\n \"#FF692A\",\r\n \"#FE9A37\",\r\n \"#F0B13B\",\r\n \"#7CCF35\",\r\n \"#31C950\",\r\n \"#37BC7D\",\r\n \"#36BBA7\",\r\n \"#3BB8DB\",\r\n \"#34A6F4\",\r\n \"#2B7FFF\",\r\n \"#615FFF\",\r\n \"#8E51FF\",\r\n \"#AD46FF\",\r\n \"#E12AFB\",\r\n \"#F6339A\",\r\n]\r\n\r\nexport const ColorNameMap2 = {\r\n \"#FB2C36\": \"鲜红\",\r\n \"#FF692A\": \"橙红\",\r\n \"#FE9A37\": \"深黄\",\r\n \"#F0B13B\": \"柠檬深\",\r\n \"#7CCF35\": \"深绿\",\r\n \"#31C950\": \"深青绿\",\r\n \"#37BC7D\": \"深青\",\r\n \"#36BBA7\": \"深蓝青\",\r\n \"#3BB8DB\": \"深天蓝\",\r\n \"#34A6F4\": \"深蓝1\",\r\n \"#2B7FFF\": \"深蓝1\",\r\n \"#615FFF\": \"深紫蓝\",\r\n \"#8E51FF\": \"深紫\",\r\n \"#AD46FF\": \"深紫1\",\r\n \"#E12AFB\": \"深粉紫\",\r\n \"#F6339A\": \"深粉红\",\r\n}\r\n\r\n\r\nexport const bArrow = () => {\r\n return `<svg t=\"1760602465263\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"1846\" width=\"16\" height=\"16\"><path d=\"M512 704c8.288 0 15.776-3.232 21.456-8.4l0.064 0.08 352-320-0.08-0.08c6.448-5.856 10.56-14.208 10.56-23.6a32 32 0 0 0-32-32c-8.288 0-15.76 3.232-21.456 8.4l-0.08-0.08L512 628.752 181.536 328.32l-0.08 0.08A31.776 31.776 0 0 0 160 320a32 32 0 0 0-32 32c0 9.376 4.112 17.744 10.544 23.6l-0.08 0.08 352 320 0.08-0.08c5.68 5.168 13.168 8.4 21.456 8.4z\" p-id=\"1847\"></path></svg>`\r\n}","<!--\r\n * @Author: zhangxiaofeng xfzhang@rxhui.com\r\n * @Date: 2025-10-16 15:15:54\r\n * @Description: 丙午\r\n-->\r\n<template>\r\n <div class=\"ssc-color\">\r\n <div class=\"select\" @click.stop=\"toggle\" :style=\"{\r\n width: props.width\r\n }\">\r\n <span class=\"swatch\" :style=\"{ backgroundColor: innerValue }\"></span>\r\n <span class=\"label\">{{ colorName }}</span>\r\n <div class=\"arrow\" v-html=\"bArrow()\"></div>\r\n <div class=\"panel\" v-if=\"open\" :style=\"{\r\n height: props.height\r\n }\">\r\n <div class=\"grid\">\r\n <span\r\n v-for=\"c in listToUse\"\r\n :key=\"c\"\r\n class=\"chip\"\r\n :style=\"{ backgroundColor: c }\"\r\n @click.stop=\"pick(c)\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, watch, computed, onMounted, onBeforeUnmount } from 'vue'\r\nimport { ColorList, ColorNameMap, ColorList1, ColorNameMap1, ColorList2, ColorNameMap2, bArrow } from '../colors.js'\r\n\r\nconst props = defineProps({\r\n type: { type: String, default: 'colorAll' }, // colorAll colorOne colorTwo\r\n color: { type: String, default: '' },\r\n width: { type: String, default: '100%' },\r\n height: { type: String, default: 'auto' }\r\n })\r\nconst emit = defineEmits(['change'])\r\n\r\nconst open = ref(false)\r\nconst listToUse = computed(() => {\r\n if (props.type === 'colorOne') return ColorList1\r\n if (props.type === 'colorTwo') return ColorList2\r\n return ColorList\r\n})\r\nconst nameMapToUse = computed(() => {\r\n if (props.type === 'colorOne') return ColorNameMap1\r\n if (props.type === 'colorTwo') return ColorNameMap2\r\n return ColorNameMap\r\n})\r\nconst innerValue = ref('')\r\nwatch(() => props.color, (v) => {\r\n if (typeof v === 'string' && v !== innerValue.value) innerValue.value = v || (listToUse.value?.[0] || '#000000')\r\n})\r\nconst colorName = computed(() => nameMapToUse.value[innerValue.value] || '自定义')\r\n\r\nonMounted(() => {\r\n if (!props.color) {\r\n const first = listToUse.value?.[0] || '#000000'\r\n console.error(first)\r\n innerValue.value = first\r\n } else {\r\n innerValue.value = props.color\r\n }\r\n})\r\n\r\nfunction pick(c) {\r\n innerValue.value = c\r\n open.value = false\r\n emit('change', c)\r\n}\r\nfunction toggle() { open.value = !open.value }\r\n\r\nconst onClickOutside = () => { open.value = false }\r\nonMounted(() => document.addEventListener('click', onClickOutside))\r\nonBeforeUnmount(() => document.removeEventListener('click', onClickOutside))\r\n</script>\r\n\r\n<style scoped>\r\n .ssc-color .select {\r\n position: relative;\r\n width: 100%;\r\n min-width: 200px;\r\n height: 32px;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid #e0e0ff;\r\n border-radius: 6px;\r\n padding: 0 12px;\r\n cursor: pointer;\r\n box-shadow: 0 1px 0 rgba(0,0,0,0.02);\r\n font-size: 14px;\r\n }\r\n .ssc-color .select:hover { border-color: #4096ff; }\r\n .swatch { width: 16px; height: 16px; border-radius: 4px; border: 1px solid #e0e0e0; margin-right: 8px; }\r\n .label { flex: 1; color: #333; }\r\n .arrow { width: 16px; height: 16px; }\r\n .panel {\r\n position: absolute; left: 0; right: 0; top: 32px; z-index: 1; margin-top: 6px;\r\n background: #fff; border-radius: 8px; box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n padding: 12px; box-sizing: border-box;\r\n overflow-y: auto; overflow-x: hidden;\r\n /* Firefox */\r\n scrollbar-width: thin;\r\n scrollbar-color: rgba(0,0,0,0.25) transparent;\r\n }\r\n /* WebKit */\r\n .panel::-webkit-scrollbar { width: 3px; height: 3px; }\r\n .panel::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.25); border-radius: 4px; }\r\n .panel::-webkit-scrollbar-track { background: transparent; }\r\n .grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 6px; }\r\n .chip { width: 100%; height: 26px; border-radius: 6px; border: 1px solid #fff; cursor: pointer; display: inline-block; }\r\n</style>\r\n\r\n","import ColorPicker from './components/ColorPicker.vue'\r\n\r\nexport { ColorPicker }\r\n\r\nconst SunSelectColor = {\r\n install(app, options = {}) {\r\n const prefix = options.prefix || ''\r\n app.component(`${prefix}ColorPicker`, ColorPicker)\r\n }\r\n}\r\n\r\nexport default SunSelectColor\r\n\r\n"],"names":["ColorList","ColorNameMap","ColorList1","ColorNameMap1","ColorList2","ColorNameMap2","bArrow","props","__props","emit","__emit","open","ref","listToUse","computed","nameMapToUse","innerValue","watch","v","_a","colorName","onMounted","first","pick","c","toggle","onClickOutside","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeStyle","_hoisted_2","_toDisplayString","_unref","_hoisted_4","_Fragment","_renderList","_withModifiers","$event","SunSelectColor","app","options","prefix","ColorPicker"],"mappings":";AAAO,MAAMA,IAAY;AAAA,EACvB;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAU;AAAA,EAAU;AAAA,EAAU;AAAA,EAA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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(function(o,F){typeof exports=="object"&&typeof module<"u"?F(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],F):(o=typeof globalThis<"u"?globalThis:o||self,F(o.SunSelectColor={},o.Vue))})(this,function(o,F){"use strict";const a=["#ffffff","#f5f5f5","#d9d9d9","#bfbfbf","#8c8c8c","#595959","#262626","#000000","#FEF2F2","#FFE2E2","#FFC9C9","#FFA2A2","#FF6467","#FB2C36","#E7180B","#C11007","#FFF7ED","#FFEDD4","#FFD6A7","#FFB86A","#FF8904","#FF692A","#F54927","#CA3519","#FFFBEB","#FEF3C6","#FEE685","#FFD230","#FFB93B","#FE9A37","#E1712B","#BB4D1A","#FEFCE8","#FEF9C2","#FFF085","#FFDF20","#FDC745","#F0B13B","#D0872E","#A65F1B","#F7FEE7","#ECFCCA","#D8F999","#BBF451","#9AE630","#7CCF35","#5EA529","#497D15","#F0FDF4","#DCFCE7","#B9F8CF","#7BF1A8","#05DF72","#31C950","#2AA63E","#178236","#ECFDF5","#D0FAE5","#A4F4CF","#5EE9B5","#31D492","#37BC7D","#2D9966","#1F7A55","#F0FDFA","#CBFBF1","#96F7E4","#46ECD5","#38D5BE","#36BBA7","#2A9689","#18786F","#ECFEFF","#CEFAFE","#A2F4FD","#53EAFD","#42D3F2","#3BB8DB","#2C92B8","#1A7595","#F0F9FF","#DFF2FE","#B8E6FE","#74D4FF","#21BCFF","#34A6F4","#2984D1","#1C69A8","#EFF6FF","#DBEAFE","#BEDBFF","#8EC5FF","#51A2FF","#2B7FFF","#155DFC","#1447E6","#EEF2FF","#E0E7FF","#C6D2FF","#A3B3FF","#7C86FF","#615FFF","#4F39F6","#432DD7","#F5F3FF","#EDE9FE","#DDD6FF","#C4B4FF","#A684FF","#8E51FF","#7F22FE","#7008E7","#FAF5FF","#F3E8FF","#E9D4FF","#DAB2FF","#C27AFF","#AD46FF","#9810FA","#8207DB","#FDF4FF","#FAE8FF","#F6CFFF","#F4A8FF","#ED6AFF","#E12AFB","#C81CDE","#A813B7","#FDF2F8","#FCE7F3","#FCCEE8","#FDA5D5","#FB64B6","#F6339A","#E61876","#C6185C","#FFF1F2","#FFE4E6","#FFCCD3","#FFA1AD","#FF637E","#FF2056","#EC253F","#C71D36"],i={"#ffffff":"纯白","#f5f5f5":"浅灰","#d9d9d9":"中灰","#bfbfbf":"浅灰1","#8c8c8c":"灰3","#595959":"灰2","#262626":"深灰","#000000":"纯黑","#FEF2F2":"粉红浅","#FFE2E2":"粉红","#FFC9C9":"粉红中","#FFA2A2":"粉红深","#FF6467":"珊瑚红","#FB2C36":"鲜红","#E7180B":"深红","#C11007":"暗红","#FFF7ED":"橙黄浅","#FFEDD4":"橙黄","#FFD6A7":"橙黄中","#FFB86A":"橙黄深","#FF8904":"橙","#FF692A":"橙红","#F54927":"深橙","#CA3519":"暗橙","#FFFBEB":"黄浅","#FEF3C6":"黄","#FEE685":"黄中","#FFD230":"黄深","#FFB93B":"金黄","#FE9A37":"深黄","#E1712B":"橙黄","#BB4D1A":"暗橙黄","#FEFCE8":"黄绿浅","#FEF9C2":"黄绿","#FFF085":"黄绿中","#FFDF20":"黄绿深","#FDC745":"柠檬","#F0B13B":"柠檬深","#D0872E":"深柠檬","#A65F1B":"暗柠檬","#F7FEE7":"绿浅","#ECFCCA":"绿","#D8F999":"绿中","#BBF451":"绿深","#9AE630":"鲜绿","#7CCF35":"深绿","#5EA529":"深绿1","#497D15":"暗绿","#F0FDF4":"青绿浅","#DCFCE7":"青绿","#B9F8CF":"青绿中","#7BF1A8":"青绿深","#05DF72":"青绿","#31C950":"深青绿","#2AA63E":"深青绿1","#178236":"暗青绿","#ECFDF5":"青浅","#D0FAE5":"青","#A4F4CF":"青中","#5EE9B5":"青深","#31D492":"青","#37BC7D":"深青","#2D9966":"深青1","#1F7A55":"暗青","#F0FDFA":"蓝青浅","#CBFBF1":"蓝青","#96F7E4":"蓝青中","#46ECD5":"蓝青深","#38D5BE":"蓝青","#36BBA7":"深蓝青","#2A9689":"深蓝青1","#18786F":"暗蓝青","#ECFEFF":"蓝浅","#CEFAFE":"蓝","#A2F4FD":"蓝中","#53EAFD":"蓝深","#42D3F2":"天蓝","#3BB8DB":"深天蓝","#2C92B8":"深天蓝1","#1A7595":"暗天蓝","#F0F9FF":"深蓝浅","#DFF2FE":"深蓝","#B8E6FE":"深蓝中","#74D4FF":"深蓝深","#21BCFF":"深蓝","#34A6F4":"深蓝1","#2984D1":"深蓝2","#1C69A8":"暗深蓝","#EFF6FF":"蓝浅1","#DBEAFE":"蓝1","#BEDBFF":"蓝中1","#8EC5FF":"蓝深1","#51A2FF":"蓝1","#2B7FFF":"深蓝1","#155DFC":"深蓝2","#1447E6":"暗蓝1","#EEF2FF":"紫蓝浅","#E0E7FF":"紫蓝","#C6D2FF":"紫蓝中","#A3B3FF":"紫蓝深","#7C86FF":"紫蓝","#615FFF":"深紫蓝","#4F39F6":"深紫蓝1","#432DD7":"暗紫蓝","#F5F3FF":"紫浅","#EDE9FE":"紫","#DDD6FF":"紫中","#C4B4FF":"紫深","#A684FF":"紫","#8E51FF":"深紫","#7F22FE":"深紫1","#7008E7":"暗紫","#FAF5FF":"深紫浅","#F3E8FF":"深紫","#E9D4FF":"深紫中","#DAB2FF":"深紫深","#C27AFF":"深紫","#AD46FF":"深紫1","#9810FA":"深紫2","#8207DB":"暗深紫","#FDF4FF":"粉紫浅","#FAE8FF":"粉紫","#F6CFFF":"粉紫中","#F4A8FF":"粉紫深","#ED6AFF":"粉紫","#E12AFB":"深粉紫","#C81CDE":"深粉紫1","#A813B7":"暗粉紫","#FDF2F8":"粉红浅1","#FCE7F3":"粉红1","#FCCEE8":"粉红中1","#FDA5D5":"粉红深1","#FB64B6":"粉红1","#F6339A":"深粉红","#E61876":"深粉红1","#C6185C":"暗粉红","#FFF1F2":"红浅","#FFE4E6":"红","#FFCCD3":"红中","#FFA1AD":"红深","#FF637E":"红","#FF2056":"深红","#EC253F":"深红1","#C71D36":"深红2"},f=["#ffffff","#f5f5f5","#eeeeee","#e5e5e5","#d9d9d9","#cccccc","#bfbfbf","#a6a6a6","#8c8c8c","#737373","#595959","#404040","#333333","#262626","#1a1a1a","#000000"],d={"#ffffff":"纯白","#f5f5f5":"浅灰","#eeeeee":"极浅灰","#e5e5e5":"很浅灰","#d9d9d9":"中灰","#cccccc":"浅灰2","#bfbfbf":"浅灰1","#a6a6a6":"灰4","#8c8c8c":"灰3","#737373":"灰2.5","#595959":"灰2","#404040":"深灰1","#333333":"深灰2","#262626":"深灰","#1a1a1a":"近黑","#000000":"纯黑"},p=["#FB2C36","#FF692A","#FE9A37","#F0B13B","#7CCF35","#31C950","#37BC7D","#36BBA7","#3BB8DB","#34A6F4","#2B7FFF","#615FFF","#8E51FF","#AD46FF","#E12AFB","#F6339A"],u={"#FB2C36":"鲜红","#FF692A":"橙红","#FE9A37":"深黄","#F0B13B":"柠檬深","#7CCF35":"深绿","#31C950":"深青绿","#37BC7D":"深青","#36BBA7":"深蓝青","#3BB8DB":"深天蓝","#34A6F4":"深蓝1","#2B7FFF":"深蓝1","#615FFF":"深紫蓝","#8E51FF":"深紫","#AD46FF":"深紫1","#E12AFB":"深粉紫","#F6339A":"深粉红"},m=()=>'<svg t="1760602465263" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1846" width="16" height="16"><path d="M512 704c8.288 0 15.776-3.232 21.456-8.4l0.064 0.08 352-320-0.08-0.08c6.448-5.856 10.56-14.208 10.56-23.6a32 32 0 0 0-32-32c-8.288 0-15.76 3.232-21.456 8.4l-0.08-0.08L512 628.752 181.536 328.32l-0.08 0.08A31.776 31.776 0 0 0 160 320a32 32 0 0 0-32 32c0 9.376 4.112 17.744 10.544 23.6l-0.08 0.08 352 320 0.08-0.08c5.68 5.168 13.168 8.4 21.456 8.4z" p-id="1847"></path></svg>',h=(n,C)=>{const e=n.__vccOpts||n;for(const[B,E]of C)e[B]=E;return e},_={class:"ssc-color"},y={class:"label"},g=["innerHTML"],k={class:"grid"},b=["onClick"],s=h({__name:"ColorPicker",props:{type:{type:String,default:"colorAll"},color:{type:String,default:""},width:{type:String,default:"100%"},height:{type:String,default:"auto"}},emits:["change"],setup(n,{emit:C}){const e=n,B=C,E=F.ref(!1),r=F.computed(()=>e.type==="colorOne"?f:e.type==="colorTwo"?p:a),S=F.computed(()=>e.type==="colorOne"?d:e.type==="colorTwo"?u:i),c=F.ref("");F.watch(()=>e.color,t=>{var l;typeof t=="string"&&t!==c.value&&(c.value=t||((l=r.value)==null?void 0:l[0])||"#000000")});const M=F.computed(()=>S.value[c.value]||"自定义");F.onMounted(()=>{var t;if(e.color)c.value=e.color;else{const l=((t=r.value)==null?void 0:t[0])||"#000000";console.error(l),c.value=l}});function N(t){c.value=t,E.value=!1,B("change",t)}function L(){E.value=!E.value}const A=()=>{E.value=!1};return F.onMounted(()=>document.addEventListener("click",A)),F.onBeforeUnmount(()=>document.removeEventListener("click",A)),(t,l)=>(F.openBlock(),F.createElementBlock("div",_,[F.createElementVNode("div",{class:"select",onClick:F.withModifiers(L,["stop"]),style:F.normalizeStyle({width:e.width})},[F.createElementVNode("span",{class:"swatch",style:F.normalizeStyle({backgroundColor:c.value})},null,4),F.createElementVNode("span",y,F.toDisplayString(M.value),1),F.createElementVNode("div",{class:"arrow",innerHTML:F.unref(m)()},null,8,g),E.value?(F.openBlock(),F.createElementBlock("div",{key:0,class:"panel",style:F.normalizeStyle({height:e.height})},[F.createElementVNode("div",k,[(F.openBlock(!0),F.createElementBlock(F.Fragment,null,F.renderList(r.value,D=>(F.openBlock(),F.createElementBlock("span",{key:D,class:"chip",style:F.normalizeStyle({backgroundColor:D}),onClick:F.withModifiers(V=>N(D),["stop"])},null,12,b))),128))])],4)):F.createCommentVNode("",!0)],4)]))}},[["__scopeId","data-v-ddd4fe38"]]),w={install(n,C={}){const e=C.prefix||"";n.component(`${e}ColorPicker`,s)}};o.ColorPicker=s,o.default=w,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
2
|
+
//# sourceMappingURL=sun-select-color.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sun-select-color.umd.js","sources":["../src/colors.js","../src/components/ColorPicker.vue","../src/index.js"],"sourcesContent":["export const ColorList = [\r\n \"#ffffff\",\"#f5f5f5\",\"#d9d9d9\",\"#bfbfbf\",\"#8c8c8c\",\"#595959\",\"#262626\",\"#000000\",\r\n \"#FEF2F2\",\"#FFE2E2\",\"#FFC9C9\",\"#FFA2A2\",\"#FF6467\",\"#FB2C36\",\"#E7180B\",\"#C11007\",\r\n \"#FFF7ED\",\"#FFEDD4\",\"#FFD6A7\",\"#FFB86A\",\"#FF8904\",\"#FF692A\",\"#F54927\",\"#CA3519\",\r\n \"#FFFBEB\",\"#FEF3C6\",\"#FEE685\",\"#FFD230\",\"#FFB93B\",\"#FE9A37\",\"#E1712B\",\"#BB4D1A\",\r\n \"#FEFCE8\",\"#FEF9C2\",\"#FFF085\",\"#FFDF20\",\"#FDC745\",\"#F0B13B\",\"#D0872E\",\"#A65F1B\",\r\n \"#F7FEE7\",\"#ECFCCA\",\"#D8F999\",\"#BBF451\",\"#9AE630\",\"#7CCF35\",\"#5EA529\",\"#497D15\",\r\n \"#F0FDF4\",\"#DCFCE7\",\"#B9F8CF\",\"#7BF1A8\",\"#05DF72\",\"#31C950\",\"#2AA63E\",\"#178236\",\r\n \"#ECFDF5\",\"#D0FAE5\",\"#A4F4CF\",\"#5EE9B5\",\"#31D492\",\"#37BC7D\",\"#2D9966\",\"#1F7A55\",\r\n \"#F0FDFA\",\"#CBFBF1\",\"#96F7E4\",\"#46ECD5\",\"#38D5BE\",\"#36BBA7\",\"#2A9689\",\"#18786F\",\r\n \"#ECFEFF\",\"#CEFAFE\",\"#A2F4FD\",\"#53EAFD\",\"#42D3F2\",\"#3BB8DB\",\"#2C92B8\",\"#1A7595\",\r\n \"#F0F9FF\",\"#DFF2FE\",\"#B8E6FE\",\"#74D4FF\",\"#21BCFF\",\"#34A6F4\",\"#2984D1\",\"#1C69A8\",\r\n \"#EFF6FF\",\"#DBEAFE\",\"#BEDBFF\",\"#8EC5FF\",\"#51A2FF\",\"#2B7FFF\",\"#155DFC\",\"#1447E6\",\r\n \"#EEF2FF\",\"#E0E7FF\",\"#C6D2FF\",\"#A3B3FF\",\"#7C86FF\",\"#615FFF\",\"#4F39F6\",\"#432DD7\",\r\n \"#F5F3FF\",\"#EDE9FE\",\"#DDD6FF\",\"#C4B4FF\",\"#A684FF\",\"#8E51FF\",\"#7F22FE\",\"#7008E7\",\r\n \"#FAF5FF\",\"#F3E8FF\",\"#E9D4FF\",\"#DAB2FF\",\"#C27AFF\",\"#AD46FF\",\"#9810FA\",\"#8207DB\",\r\n \"#FDF4FF\",\"#FAE8FF\",\"#F6CFFF\",\"#F4A8FF\",\"#ED6AFF\",\"#E12AFB\",\"#C81CDE\",\"#A813B7\",\r\n \"#FDF2F8\",\"#FCE7F3\",\"#FCCEE8\",\"#FDA5D5\",\"#FB64B6\",\"#F6339A\",\"#E61876\",\"#C6185C\",\r\n \"#FFF1F2\",\"#FFE4E6\",\"#FFCCD3\",\"#FFA1AD\",\"#FF637E\",\"#FF2056\",\"#EC253F\",\"#C71D36\",\r\n]\r\n\r\nexport const ColorNameMap = {\r\n \"#ffffff\":\"纯白\",\"#f5f5f5\":\"浅灰\",\"#d9d9d9\":\"中灰\",\"#bfbfbf\":\"浅灰1\",\"#8c8c8c\":\"灰3\",\"#595959\":\"灰2\",\"#262626\":\"深灰\",\"#000000\":\"纯黑\",\r\n \"#FEF2F2\":\"粉红浅\",\"#FFE2E2\":\"粉红\",\"#FFC9C9\":\"粉红中\",\"#FFA2A2\":\"粉红深\",\"#FF6467\":\"珊瑚红\",\"#FB2C36\":\"鲜红\",\"#E7180B\":\"深红\",\"#C11007\":\"暗红\",\r\n \"#FFF7ED\":\"橙黄浅\",\"#FFEDD4\":\"橙黄\",\"#FFD6A7\":\"橙黄中\",\"#FFB86A\":\"橙黄深\",\"#FF8904\":\"橙\",\"#FF692A\":\"橙红\",\"#F54927\":\"深橙\",\"#CA3519\":\"暗橙\",\r\n \"#FFFBEB\":\"黄浅\",\"#FEF3C6\":\"黄\",\"#FEE685\":\"黄中\",\"#FFD230\":\"黄深\",\"#FFB93B\":\"金黄\",\"#FE9A37\":\"深黄\",\"#E1712B\":\"橙黄\",\"#BB4D1A\":\"暗橙黄\",\r\n \"#FEFCE8\":\"黄绿浅\",\"#FEF9C2\":\"黄绿\",\"#FFF085\":\"黄绿中\",\"#FFDF20\":\"黄绿深\",\"#FDC745\":\"柠檬\",\"#F0B13B\":\"柠檬深\",\"#D0872E\":\"深柠檬\",\"#A65F1B\":\"暗柠檬\",\r\n \"#F7FEE7\":\"绿浅\",\"#ECFCCA\":\"绿\",\"#D8F999\":\"绿中\",\"#BBF451\":\"绿深\",\"#9AE630\":\"鲜绿\",\"#7CCF35\":\"深绿\",\"#5EA529\":\"深绿1\",\"#497D15\":\"暗绿\",\r\n \"#F0FDF4\":\"青绿浅\",\"#DCFCE7\":\"青绿\",\"#B9F8CF\":\"青绿中\",\"#7BF1A8\":\"青绿深\",\"#05DF72\":\"青绿\",\"#31C950\":\"深青绿\",\"#2AA63E\":\"深青绿1\",\"#178236\":\"暗青绿\",\r\n \"#ECFDF5\":\"青浅\",\"#D0FAE5\":\"青\",\"#A4F4CF\":\"青中\",\"#5EE9B5\":\"青深\",\"#31D492\":\"青\",\"#37BC7D\":\"深青\",\"#2D9966\":\"深青1\",\"#1F7A55\":\"暗青\",\r\n \"#F0FDFA\":\"蓝青浅\",\"#CBFBF1\":\"蓝青\",\"#96F7E4\":\"蓝青中\",\"#46ECD5\":\"蓝青深\",\"#38D5BE\":\"蓝青\",\"#36BBA7\":\"深蓝青\",\"#2A9689\":\"深蓝青1\",\"#18786F\":\"暗蓝青\",\r\n \"#ECFEFF\":\"蓝浅\",\"#CEFAFE\":\"蓝\",\"#A2F4FD\":\"蓝中\",\"#53EAFD\":\"蓝深\",\"#42D3F2\":\"天蓝\",\"#3BB8DB\":\"深天蓝\",\"#2C92B8\":\"深天蓝1\",\"#1A7595\":\"暗天蓝\",\r\n \"#F0F9FF\":\"深蓝浅\",\"#DFF2FE\":\"深蓝\",\"#B8E6FE\":\"深蓝中\",\"#74D4FF\":\"深蓝深\",\"#21BCFF\":\"深蓝\",\"#34A6F4\":\"深蓝1\",\"#2984D1\":\"深蓝2\",\"#1C69A8\":\"暗深蓝\",\r\n \"#EFF6FF\":\"蓝浅1\",\"#DBEAFE\":\"蓝1\",\"#BEDBFF\":\"蓝中1\",\"#8EC5FF\":\"蓝深1\",\"#51A2FF\":\"蓝1\",\"#2B7FFF\":\"深蓝1\",\"#155DFC\":\"深蓝2\",\"#1447E6\":\"暗蓝1\",\r\n \"#EEF2FF\":\"紫蓝浅\",\"#E0E7FF\":\"紫蓝\",\"#C6D2FF\":\"紫蓝中\",\"#A3B3FF\":\"紫蓝深\",\"#7C86FF\":\"紫蓝\",\"#615FFF\":\"深紫蓝\",\"#4F39F6\":\"深紫蓝1\",\"#432DD7\":\"暗紫蓝\",\r\n \"#F5F3FF\":\"紫浅\",\"#EDE9FE\":\"紫\",\"#DDD6FF\":\"紫中\",\"#C4B4FF\":\"紫深\",\"#A684FF\":\"紫\",\"#8E51FF\":\"深紫\",\"#7F22FE\":\"深紫1\",\"#7008E7\":\"暗紫\",\r\n \"#FAF5FF\":\"深紫浅\",\"#F3E8FF\":\"深紫\",\"#E9D4FF\":\"深紫中\",\"#DAB2FF\":\"深紫深\",\"#C27AFF\":\"深紫\",\"#AD46FF\":\"深紫1\",\"#9810FA\":\"深紫2\",\"#8207DB\":\"暗深紫\",\r\n \"#FDF4FF\":\"粉紫浅\",\"#FAE8FF\":\"粉紫\",\"#F6CFFF\":\"粉紫中\",\"#F4A8FF\":\"粉紫深\",\"#ED6AFF\":\"粉紫\",\"#E12AFB\":\"深粉紫\",\"#C81CDE\":\"深粉紫1\",\"#A813B7\":\"暗粉紫\",\r\n \"#FDF2F8\":\"粉红浅1\",\"#FCE7F3\":\"粉红1\",\"#FCCEE8\":\"粉红中1\",\"#FDA5D5\":\"粉红深1\",\"#FB64B6\":\"粉红1\",\"#F6339A\":\"深粉红\",\"#E61876\":\"深粉红1\",\"#C6185C\":\"暗粉红\",\r\n \"#FFF1F2\":\"红浅\",\"#FFE4E6\":\"红\",\"#FFCCD3\":\"红中\",\"#FFA1AD\":\"红深\",\"#FF637E\":\"红\",\"#FF2056\":\"深红\",\"#EC253F\":\"深红1\",\"#C71D36\":\"深红2\",\r\n}\r\n\r\nexport const ColorList1 = [\r\n \"#ffffff\",\r\n \"#f5f5f5\",\r\n \"#eeeeee\",\r\n \"#e5e5e5\",\r\n \"#d9d9d9\",\r\n \"#cccccc\",\r\n \"#bfbfbf\",\r\n \"#a6a6a6\",\r\n \"#8c8c8c\",\r\n \"#737373\",\r\n \"#595959\",\r\n \"#404040\",\r\n \"#333333\",\r\n \"#262626\",\r\n \"#1a1a1a\",\r\n \"#000000\"\r\n]\r\n\r\nexport const ColorNameMap1 = {\r\n \"#ffffff\":\"纯白\",\r\n \"#f5f5f5\":\"浅灰\",\r\n \"#eeeeee\":\"极浅灰\",\r\n \"#e5e5e5\":\"很浅灰\",\r\n \"#d9d9d9\":\"中灰\",\r\n \"#cccccc\":\"浅灰2\",\r\n \"#bfbfbf\":\"浅灰1\",\r\n \"#a6a6a6\":\"灰4\",\r\n \"#8c8c8c\":\"灰3\",\r\n \"#737373\":\"灰2.5\",\r\n \"#595959\":\"灰2\",\r\n \"#404040\":\"深灰1\",\r\n \"#333333\": \"深灰2\",\r\n \"#262626\":\"深灰\",\r\n \"#1a1a1a\":\"近黑\",\r\n \"#000000\":\"纯黑\",\r\n}\r\n\r\nexport const ColorList2 = [\r\n \"#FB2C36\",\r\n \"#FF692A\",\r\n \"#FE9A37\",\r\n \"#F0B13B\",\r\n \"#7CCF35\",\r\n \"#31C950\",\r\n \"#37BC7D\",\r\n \"#36BBA7\",\r\n \"#3BB8DB\",\r\n \"#34A6F4\",\r\n \"#2B7FFF\",\r\n \"#615FFF\",\r\n \"#8E51FF\",\r\n \"#AD46FF\",\r\n \"#E12AFB\",\r\n \"#F6339A\",\r\n]\r\n\r\nexport const ColorNameMap2 = {\r\n \"#FB2C36\": \"鲜红\",\r\n \"#FF692A\": \"橙红\",\r\n \"#FE9A37\": \"深黄\",\r\n \"#F0B13B\": \"柠檬深\",\r\n \"#7CCF35\": \"深绿\",\r\n \"#31C950\": \"深青绿\",\r\n \"#37BC7D\": \"深青\",\r\n \"#36BBA7\": \"深蓝青\",\r\n \"#3BB8DB\": \"深天蓝\",\r\n \"#34A6F4\": \"深蓝1\",\r\n \"#2B7FFF\": \"深蓝1\",\r\n \"#615FFF\": \"深紫蓝\",\r\n \"#8E51FF\": \"深紫\",\r\n \"#AD46FF\": \"深紫1\",\r\n \"#E12AFB\": \"深粉紫\",\r\n \"#F6339A\": \"深粉红\",\r\n}\r\n\r\n\r\nexport const bArrow = () => {\r\n return `<svg t=\"1760602465263\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"1846\" width=\"16\" height=\"16\"><path d=\"M512 704c8.288 0 15.776-3.232 21.456-8.4l0.064 0.08 352-320-0.08-0.08c6.448-5.856 10.56-14.208 10.56-23.6a32 32 0 0 0-32-32c-8.288 0-15.76 3.232-21.456 8.4l-0.08-0.08L512 628.752 181.536 328.32l-0.08 0.08A31.776 31.776 0 0 0 160 320a32 32 0 0 0-32 32c0 9.376 4.112 17.744 10.544 23.6l-0.08 0.08 352 320 0.08-0.08c5.68 5.168 13.168 8.4 21.456 8.4z\" p-id=\"1847\"></path></svg>`\r\n}","<!--\r\n * @Author: zhangxiaofeng xfzhang@rxhui.com\r\n * @Date: 2025-10-16 15:15:54\r\n * @Description: 丙午\r\n-->\r\n<template>\r\n <div class=\"ssc-color\">\r\n <div class=\"select\" @click.stop=\"toggle\" :style=\"{\r\n width: props.width\r\n }\">\r\n <span class=\"swatch\" :style=\"{ backgroundColor: innerValue }\"></span>\r\n <span class=\"label\">{{ colorName }}</span>\r\n <div class=\"arrow\" v-html=\"bArrow()\"></div>\r\n <div class=\"panel\" v-if=\"open\" :style=\"{\r\n height: props.height\r\n }\">\r\n <div class=\"grid\">\r\n <span\r\n v-for=\"c in listToUse\"\r\n :key=\"c\"\r\n class=\"chip\"\r\n :style=\"{ backgroundColor: c }\"\r\n @click.stop=\"pick(c)\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, watch, computed, onMounted, onBeforeUnmount } from 'vue'\r\nimport { ColorList, ColorNameMap, ColorList1, ColorNameMap1, ColorList2, ColorNameMap2, bArrow } from '../colors.js'\r\n\r\nconst props = defineProps({\r\n type: { type: String, default: 'colorAll' }, // colorAll colorOne colorTwo\r\n color: { type: String, default: '' },\r\n width: { type: String, default: '100%' },\r\n height: { type: String, default: 'auto' }\r\n })\r\nconst emit = defineEmits(['change'])\r\n\r\nconst open = ref(false)\r\nconst listToUse = computed(() => {\r\n if (props.type === 'colorOne') return ColorList1\r\n if (props.type === 'colorTwo') return ColorList2\r\n return ColorList\r\n})\r\nconst nameMapToUse = computed(() => {\r\n if (props.type === 'colorOne') return ColorNameMap1\r\n if (props.type === 'colorTwo') return ColorNameMap2\r\n return ColorNameMap\r\n})\r\nconst innerValue = ref('')\r\nwatch(() => props.color, (v) => {\r\n if (typeof v === 'string' && v !== innerValue.value) innerValue.value = v || (listToUse.value?.[0] || '#000000')\r\n})\r\nconst colorName = computed(() => nameMapToUse.value[innerValue.value] || '自定义')\r\n\r\nonMounted(() => {\r\n if (!props.color) {\r\n const first = listToUse.value?.[0] || '#000000'\r\n console.error(first)\r\n innerValue.value = first\r\n } else {\r\n innerValue.value = props.color\r\n }\r\n})\r\n\r\nfunction pick(c) {\r\n innerValue.value = c\r\n open.value = false\r\n emit('change', c)\r\n}\r\nfunction toggle() { open.value = !open.value }\r\n\r\nconst onClickOutside = () => { open.value = false }\r\nonMounted(() => document.addEventListener('click', onClickOutside))\r\nonBeforeUnmount(() => document.removeEventListener('click', onClickOutside))\r\n</script>\r\n\r\n<style scoped>\r\n .ssc-color .select {\r\n position: relative;\r\n width: 100%;\r\n min-width: 200px;\r\n height: 32px;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid #e0e0ff;\r\n border-radius: 6px;\r\n padding: 0 12px;\r\n cursor: pointer;\r\n box-shadow: 0 1px 0 rgba(0,0,0,0.02);\r\n font-size: 14px;\r\n }\r\n .ssc-color .select:hover { border-color: #4096ff; }\r\n .swatch { width: 16px; height: 16px; border-radius: 4px; border: 1px solid #e0e0e0; margin-right: 8px; }\r\n .label { flex: 1; color: #333; }\r\n .arrow { width: 16px; height: 16px; }\r\n .panel {\r\n position: absolute; left: 0; right: 0; top: 32px; z-index: 1; margin-top: 6px;\r\n background: #fff; border-radius: 8px; box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n padding: 12px; box-sizing: border-box;\r\n overflow-y: auto; overflow-x: hidden;\r\n /* Firefox */\r\n scrollbar-width: thin;\r\n scrollbar-color: rgba(0,0,0,0.25) transparent;\r\n }\r\n /* WebKit */\r\n .panel::-webkit-scrollbar { width: 3px; height: 3px; }\r\n .panel::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.25); border-radius: 4px; }\r\n .panel::-webkit-scrollbar-track { background: transparent; }\r\n .grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 6px; }\r\n .chip { width: 100%; height: 26px; border-radius: 6px; border: 1px solid #fff; cursor: pointer; display: inline-block; }\r\n</style>\r\n\r\n","import ColorPicker from './components/ColorPicker.vue'\r\n\r\nexport { ColorPicker }\r\n\r\nconst SunSelectColor = {\r\n install(app, options = {}) {\r\n const prefix = options.prefix || ''\r\n app.component(`${prefix}ColorPicker`, ColorPicker)\r\n }\r\n}\r\n\r\nexport default SunSelectColor\r\n\r\n"],"names":["ColorList","ColorNameMap","ColorList1","ColorNameMap1","ColorList2","ColorNameMap2","bArrow","props","__props","emit","__emit","open","ref","listToUse","computed","nameMapToUse","innerValue","watch","v","_a","colorName","onMounted","first","pick","c","toggle","onClickOutside","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeStyle","_hoisted_2","_toDisplayString","_unref","_hoisted_4","_Fragment","_renderList","_withModifiers","$event","SunSelectColor","app","options","prefix","ColorPicker"],"mappings":"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"}
|
package/package.json
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "sun-select-color",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"private": false,
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "dist/sun-select-color.umd.cjs",
|
|
7
|
+
"module": "dist/sun-select-color.es.js",
|
|
8
|
+
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": "./dist/sun-select-color.es.js",
|
|
12
|
+
"require": "./dist/sun-select-color.umd.cjs"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"files": [
|
|
16
|
+
"dist"
|
|
17
|
+
],
|
|
18
|
+
"scripts": {
|
|
19
|
+
"dev": "vite --config playground/vite.config.js",
|
|
20
|
+
"build": "rimraf dist && vite build --config vite.config.js",
|
|
21
|
+
"preview": "vite preview --config playground/vite.config.js",
|
|
22
|
+
"lint": "echo 'No linter configured'"
|
|
23
|
+
},
|
|
24
|
+
"peerDependencies": {
|
|
25
|
+
"vue": "^3.4.0"
|
|
26
|
+
},
|
|
27
|
+
"devDependencies": {
|
|
28
|
+
"@vitejs/plugin-vue": "^5.0.0",
|
|
29
|
+
"rimraf": "^6.0.1",
|
|
30
|
+
"vite": "^5.2.0",
|
|
31
|
+
"vue": "^3.4.0"
|
|
32
|
+
},
|
|
33
|
+
"dependencies": {}
|
|
34
|
+
}
|