sun-select-color 0.1.2 → 0.1.4

package/dist/style.css

@@ -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}
+.ssc-color .select[data-v-ab6ac519]{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-ab6ac519]:hover{border-color:#4096ff}.swatch[data-v-ab6ac519]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.label[data-v-ab6ac519]{flex:1;color:#333}.arrow[data-v-ab6ac519]{width:16px;height:16px}.panel[data-v-ab6ac519]{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-ab6ac519]::-webkit-scrollbar{width:3px;height:3px}.panel[data-v-ab6ac519]::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:4px}.panel[data-v-ab6ac519]::-webkit-scrollbar-track{background:transparent}.grid[data-v-ab6ac519]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.chip[data-v-ab6ac519]{width:100%;height:26px;border-radius:6px;border:1px solid #fff;cursor:pointer;display:inline-block}

package/dist/sun-select-color.es.js

@@ -1,5 +1,5 @@
-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";
-const M = [
+import { ref as d, computed as B, watch as x, onMounted as f, onBeforeUnmount as m, createElementBlock as E, openBlock as n, createElementVNode as s, normalizeStyle as a, withModifiers as p, createCommentVNode as v, toDisplayString as w, unref as y, Fragment as k, renderList as _ } from "vue";
+const L = [
   "#ffffff",
   "#f5f5f5",
   "#d9d9d9",
@@ -144,7 +144,7 @@ const M = [
   "#FF2056",
   "#EC253F",
   "#C71D36"
-], S = {
+], M = {
   "#ffffff": "纯白",
   "#f5f5f5": "浅灰",
   "#d9d9d9": "中灰",
@@ -289,7 +289,7 @@ const M = [
   "#FF2056": "深红",
   "#EC253F": "深红1",
   "#C71D36": "深红2"
-}, x = [
+}, S = [
   "#ffffff",
   "#f5f5f5",
   "#eeeeee",
@@ -306,7 +306,7 @@ const M = [
   "#262626",
   "#1a1a1a",
   "#000000"
-], N = {
+], T = {
   "#ffffff": "纯白",
   "#f5f5f5": "浅灰",
   "#eeeeee": "极浅灰",
@@ -323,7 +323,7 @@ const M = [
   "#262626": "深灰",
   "#1a1a1a": "近黑",
   "#000000": "纯黑"
-}, T = [
+}, N = [
   "#FB2C36",
   "#FF692A",
   "#FE9A37",
@@ -340,7 +340,7 @@ const M = [
   "#AD46FF",
   "#E12AFB",
   "#F6339A"
-], O = {
+], z = {
   "#FB2C36": "鲜红",
   "#FF692A": "橙红",
   "#FE9A37": "深黄",
@@ -357,12 +357,12 @@ const M = [
   "#AD46FF": "深紫1",
   "#E12AFB": "深粉紫",
   "#F6339A": "深粉红"
-}, 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) => {
-  const F = t.__vccOpts || t;
-  for (const [l, E] of c)
-    F[l] = E;
+}, O = () => '<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>', I = (c, l) => {
+  const F = c.__vccOpts || c;
+  for (const [i, t] of l)
+    F[i] = t;
   return F;
-}, V = { class: "ssc-color" }, z = { class: "label" }, H = ["innerHTML"], $ = { class: "grid" }, I = ["onClick"], j = {
+}, P = { class: "ssc-color" }, U = { class: "label" }, V = ["innerHTML"], H = { class: "grid" }, $ = ["onClick"], Y = {
   __name: "ColorPicker",
   props: {
     type: { type: String, default: "colorAll" },
@@ -372,75 +372,94 @@ const M = [
     height: { type: String, default: "auto" }
   },
   emits: ["change"],
-  setup(t, { emit: c }) {
-    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("");
-    g(() => F.color, (e) => {
-      var C;
-      typeof e == "string" && e !== o.value && (o.value = e || ((C = s.value) == null ? void 0 : C[0]) || "#000000");
+  setup(c, { emit: l }) {
+    const F = c, i = l, t = d(!1), C = B(() => F.type === "colorOne" ? S : F.type === "colorTwo" ? N : L), u = B(() => F.type === "colorOne" ? T : F.type === "colorTwo" ? z : M), r = d("");
+    x(() => F.color, (e) => {
+      var o;
+      typeof e == "string" && e !== r.value && (r.value = e || ((o = C.value) == null ? void 0 : o[0]) || "#000000");
     });
-    const v = a(() => p.value[o.value] || "自定义");
-    u(() => {
+    const h = B(() => u.value[r.value] || "自定义");
+    f(() => {
       var e;
       if (F.color)
-        o.value = F.color;
+        r.value = F.color;
       else {
-        const C = ((e = s.value) == null ? void 0 : e[0]) || "#000000";
-        console.error(C), o.value = C;
+        const o = ((e = C.value) == null ? void 0 : e[0]) || "#000000";
+        console.error(o), r.value = o;
       }
     });
-    function h(e) {
-      o.value = e, E.value = !1, l("change", e);
+    function b(e) {
+      r.value = e, t.value = !1, i("change", e);
     }
-    function m() {
-      E.value = !E.value;
+    function g() {
+      t.value = !t.value;
     }
-    const f = () => {
-      E.value = !1;
+    const A = () => {
+      t.value = !1;
     };
-    return u(() => document.addEventListener("click", f)), _(() => document.removeEventListener("click", f)), (e, C) => (A(), B("div", V, [
-      D("div", {
+    return f(() => {
+      document.addEventListener("click", A);
+      const e = "sun-select-color-style";
+      if (!document.getElementById(e)) {
+        const o = document.createElement("style");
+        o.id = e, o.textContent = `
+      .ssc-color .select{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 0 rgba(0,0,0,0.02);font-size:14px}
+      .ssc-color .select:hover{border-color:#4096ff}
+      .ssc-color .swatch{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}
+      .ssc-color .label{flex:1;color:#333}
+      .ssc-color .arrow{width:16px;height:16px}
+      .ssc-color .panel{position:absolute;left:0;right:0;top:32px;z-index:1;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,0.1);padding:12px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.25) transparent}
+      .ssc-color .panel::-webkit-scrollbar{width:3px;height:3px}
+      .ssc-color .panel::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.25);border-radius:4px}
+      .ssc-color .panel::-webkit-scrollbar-track{background:transparent}
+      .ssc-color .grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
+      .ssc-color .chip{width:100%;height:26px;border-radius:6px;border:1px solid #fff;cursor:pointer;display:inline-block}
+    `, document.head.appendChild(o);
+      }
+    }), m(() => document.removeEventListener("click", A)), (e, o) => (n(), E("div", P, [
+      s("div", {
         class: "select",
-        onClick: d(m, ["stop"]),
-        style: n({
+        onClick: p(g, ["stop"]),
+        style: a({
           width: F.width
         })
       }, [
-        D("span", {
+        s("span", {
           class: "swatch",
-          style: n({ backgroundColor: o.value })
+          style: a({ backgroundColor: r.value })
         }, null, 4),
-        D("span", z, k(v.value), 1),
-        D("div", {
+        s("span", U, w(h.value), 1),
+        s("div", {
           class: "arrow",
-          innerHTML: b(P)()
-        }, null, 8, H),
-        E.value ? (A(), B("div", {
+          innerHTML: y(O)()
+        }, null, 8, V),
+        t.value ? (n(), E("div", {
           key: 0,
           class: "panel",
-          style: n({
+          style: a({
             height: F.height
           })
         }, [
-          D("div", $, [
-            (A(!0), B(w, null, L(s.value, (r) => (A(), B("span", {
-              key: r,
+          s("div", H, [
+            (n(!0), E(k, null, _(C.value, (D) => (n(), E("span", {
+              key: D,
               class: "chip",
-              style: n({ backgroundColor: r }),
-              onClick: d((G) => h(r), ["stop"])
-            }, null, 12, I))), 128))
+              style: a({ backgroundColor: D }),
+              onClick: p((q) => b(D), ["stop"])
+            }, null, 12, $))), 128))
           ])
-        ], 4)) : y("", !0)
+        ], 4)) : v("", !0)
       ], 4)
     ]));
   }
-}, q = /* @__PURE__ */ U(j, [["__scopeId", "data-v-ddd4fe38"]]), K = {
-  install(t, c = {}) {
-    const F = c.prefix || "";
-    t.component(`${F}ColorPicker`, q);
+}, j = /* @__PURE__ */ I(Y, [["__scopeId", "data-v-ab6ac519"]]), J = {
+  install(c, l = {}) {
+    const F = l.prefix || "";
+    c.component(`${F}ColorPicker`, j);
   }
 };
 export {
-  q as ColorPicker,
-  K as default
+  j as ColorPicker,
+  J as default
 };
 //# sourceMappingURL=sun-select-color.es.js.map

package/dist/sun-select-color.es.js.map

@@ -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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"}
+{"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(() => {\r\n  document.addEventListener('click', onClickOutside)\r\n  // Inject styles for consumers who don't import CSS separately\r\n  const STYLE_ID = 'sun-select-color-style'\r\n  if (!document.getElementById(STYLE_ID)) {\r\n    const style = document.createElement('style')\r\n    style.id = STYLE_ID\r\n    style.textContent = `\r\n      .ssc-color .select{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 0 rgba(0,0,0,0.02);font-size:14px}\r\n      .ssc-color .select:hover{border-color:#4096ff}\r\n      .ssc-color .swatch{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}\r\n      .ssc-color .label{flex:1;color:#333}\r\n      .ssc-color .arrow{width:16px;height:16px}\r\n      .ssc-color .panel{position:absolute;left:0;right:0;top:32px;z-index:1;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,0.1);padding:12px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.25) transparent}\r\n      .ssc-color .panel::-webkit-scrollbar{width:3px;height:3px}\r\n      .ssc-color .panel::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.25);border-radius:4px}\r\n      .ssc-color .panel::-webkit-scrollbar-track{background:transparent}\r\n      .ssc-color .grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}\r\n      .ssc-color .chip{width:100%;height:26px;border-radius:6px;border:1px solid #fff;cursor:pointer;display:inline-block}\r\n    `\r\n    document.head.appendChild(style)\r\n  }\r\n})\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","STYLE_ID","style","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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"}

package/dist/sun-select-color.umd.js

@@ -1,2 +1,14 @@
-(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"}})});
+(function(r,F){typeof exports=="object"&&typeof module<"u"?F(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],F):(r=typeof globalThis<"u"?globalThis:r||self,F(r.SunSelectColor={},r.Vue))})(this,function(r,F){"use strict";const B=["#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"],D={"#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"],A={"#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"],h={"#FB2C36":"鲜红","#FF692A":"橙红","#FE9A37":"深黄","#F0B13B":"柠檬深","#7CCF35":"深绿","#31C950":"深青绿","#37BC7D":"深青","#36BBA7":"深蓝青","#3BB8DB":"深天蓝","#34A6F4":"深蓝1","#2B7FFF":"深蓝1","#615FFF":"深紫蓝","#8E51FF":"深紫","#AD46FF":"深紫1","#E12AFB":"深粉紫","#F6339A":"深粉红"},u=()=>'<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>',b=(n,s)=>{const e=n.__vccOpts||n;for(const[E,c]of s)e[E]=c;return e},m={class:"ssc-color"},g={class:"label"},x=["innerHTML"],w={class:"grid"},y=["onClick"],C=b({__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:s}){const e=n,E=s,c=F.ref(!1),i=F.computed(()=>e.type==="colorOne"?f:e.type==="colorTwo"?p:B),_=F.computed(()=>e.type==="colorOne"?A:e.type==="colorTwo"?h:D),l=F.ref("");F.watch(()=>e.color,o=>{var t;typeof o=="string"&&o!==l.value&&(l.value=o||((t=i.value)==null?void 0:t[0])||"#000000")});const S=F.computed(()=>_.value[l.value]||"自定义");F.onMounted(()=>{var o;if(e.color)l.value=e.color;else{const t=((o=i.value)==null?void 0:o[0])||"#000000";console.error(t),l.value=t}});function M(o){l.value=o,c.value=!1,E("change",o)}function L(){c.value=!c.value}const d=()=>{c.value=!1};return F.onMounted(()=>{document.addEventListener("click",d);const o="sun-select-color-style";if(!document.getElementById(o)){const t=document.createElement("style");t.id=o,t.textContent=`
+      .ssc-color .select{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 0 rgba(0,0,0,0.02);font-size:14px}
+      .ssc-color .select:hover{border-color:#4096ff}
+      .ssc-color .swatch{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}
+      .ssc-color .label{flex:1;color:#333}
+      .ssc-color .arrow{width:16px;height:16px}
+      .ssc-color .panel{position:absolute;left:0;right:0;top:32px;z-index:1;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,0.1);padding:12px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.25) transparent}
+      .ssc-color .panel::-webkit-scrollbar{width:3px;height:3px}
+      .ssc-color .panel::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.25);border-radius:4px}
+      .ssc-color .panel::-webkit-scrollbar-track{background:transparent}
+      .ssc-color .grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
+      .ssc-color .chip{width:100%;height:26px;border-radius:6px;border:1px solid #fff;cursor:pointer;display:inline-block}
+    `,document.head.appendChild(t)}}),F.onBeforeUnmount(()=>document.removeEventListener("click",d)),(o,t)=>(F.openBlock(),F.createElementBlock("div",m,[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:l.value})},null,4),F.createElementVNode("span",g,F.toDisplayString(S.value),1),F.createElementVNode("div",{class:"arrow",innerHTML:F.unref(u)()},null,8,x),c.value?(F.openBlock(),F.createElementBlock("div",{key:0,class:"panel",style:F.normalizeStyle({height:e.height})},[F.createElementVNode("div",w,[(F.openBlock(!0),F.createElementBlock(F.Fragment,null,F.renderList(i.value,a=>(F.openBlock(),F.createElementBlock("span",{key:a,class:"chip",style:F.normalizeStyle({backgroundColor:a}),onClick:F.withModifiers(T=>M(a),["stop"])},null,12,y))),128))])],4)):F.createCommentVNode("",!0)],4)]))}},[["__scopeId","data-v-ab6ac519"]]),k={install(n,s={}){const e=s.prefix||"";n.component(`${e}ColorPicker`,C)}};r.ColorPicker=C,r.default=k,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=sun-select-color.umd.js.map

package/dist/sun-select-color.umd.js.map

@@ -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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"}
+{"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(() => {\r\n  document.addEventListener('click', onClickOutside)\r\n  // Inject styles for consumers who don't import CSS separately\r\n  const STYLE_ID = 'sun-select-color-style'\r\n  if (!document.getElementById(STYLE_ID)) {\r\n    const style = document.createElement('style')\r\n    style.id = STYLE_ID\r\n    style.textContent = `\r\n      .ssc-color .select{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 0 rgba(0,0,0,0.02);font-size:14px}\r\n      .ssc-color .select:hover{border-color:#4096ff}\r\n      .ssc-color .swatch{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}\r\n      .ssc-color .label{flex:1;color:#333}\r\n      .ssc-color .arrow{width:16px;height:16px}\r\n      .ssc-color .panel{position:absolute;left:0;right:0;top:32px;z-index:1;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,0.1);padding:12px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.25) transparent}\r\n      .ssc-color .panel::-webkit-scrollbar{width:3px;height:3px}\r\n      .ssc-color .panel::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.25);border-radius:4px}\r\n      .ssc-color .panel::-webkit-scrollbar-track{background:transparent}\r\n      .ssc-color .grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}\r\n      .ssc-color .chip{width:100%;height:26px;border-radius:6px;border:1px solid #fff;cursor:pointer;display:inline-block}\r\n    `\r\n    document.head.appendChild(style)\r\n  }\r\n})\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","STYLE_ID","style","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

@@ -1,6 +1,6 @@
 {
   "name": "sun-select-color",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": false,
   "type": "module",
   "main": "dist/sun-select-color.umd.cjs",