@cmstops/pro-compo 3.9.0-beta.1 → 3.9.1-beta.1

package/es/selectThumb/component.vue.mjs

@@ -0,0 +1,426 @@
+import { defineComponent as ce, ref as m, provide as fe, computed as p, watch as W, nextTick as X, onMounted as be, createElementBlock as n, openBlock as r, createElementVNode as v, createCommentVNode as u, createBlock as c, normalizeClass as E, normalizeStyle as P, toDisplayString as y, Fragment as O, renderList as x, createVNode as Y, unref as U, withCtx as Z, createTextVNode as he } from "vue";
+import { RadioGroup as ye, Radio as _e, Switch as ee } from "@arco-design/web-vue";
+import { docThumbObjMap as z, docThumbArrMap as ge } from "../utils/doc.mjs";
+import Se from "../imageCrop/component.vue.mjs";
+import J from "./components/card.vue.mjs";
+import j from "./components/colorPalette.vue.mjs";
+import { DEFAULT_BASE_API as le } from "../config.mjs";
+import { getThemeColor as G } from "../utils/index.mjs";
+import Te from "../selectResourceModal/component.vue.mjs";
+const we = {
+  key: 0,
+  class: "star"
+}, ke = {
+  key: 1,
+  style: { "margin-left": "10px" },
+  class: "tip"
+}, Ce = { class: "thumbbox" }, Oe = {
+  key: 0,
+  class: "thumb-list-view"
+}, Ue = {
+  key: 1,
+  class: "thumb-list-view"
+}, Ve = { style: { "margin-top": "-10px" } }, Le = {
+  key: 0,
+  class: "tip"
+}, Ne = { class: "thumbbox" }, Be = {
+  key: 2,
+  class: "title"
+}, Ae = { key: 0 }, Je = {
+  key: 0,
+  class: "star"
+}, $e = { key: 1 }, Ie = {
+  key: 2,
+  class: "tip",
+  style: { "margin-left": "10px" }
+}, Re = { class: "thumbbox" }, Fe = {
+  key: 0,
+  class: "tip"
+}, Me = {
+  key: 1,
+  class: "title"
+}, Ke = /* @__PURE__ */ ce({
+  name: "selectThumb",
+  __name: "component",
+  props: {
+    BASE_API: { default: le },
+    mode: {},
+    dataValue: {},
+    flex: { type: Boolean, default: !1 },
+    offset: { default: "120px" },
+    title: { default: "封面" },
+    titleValid: { type: Boolean, default: !1 },
+    topImageTitle: {},
+    topImageTitleValid: { type: Boolean, default: !1 },
+    showTitle: { type: Boolean, default: !0 },
+    cropper: { type: Boolean, default: !1 },
+    cropperRatios: { default: () => [] },
+    aiImages: { default: () => [] },
+    series: {},
+    thumbsMax: { default: 1 },
+    mediaUseType: {},
+    localUpload: { type: Boolean, default: !1 }
+  },
+  emits: ["update:dataValue", "upload", "template-change", "crop"],
+  setup(ae, { emit: te }) {
+    const s = ae, $ = te, V = s.BASE_API || le, w = m(), _ = m(null), a = m({}), f = m("banner"), g = m(!1), I = m(!1), k = m(0), oe = m(16 / 9), re = m([]), R = m([]);
+    s.mediaUseType && fe("mediaUseType", s.mediaUseType);
+    const S = p({
+      get() {
+        return a.value.model ? `${a.value.model}` : "4";
+      },
+      set(e) {
+        a.value.model = parseInt(e, 10), d(a.value);
+      }
+    }), F = m(!0);
+    W(
+      () => I.value,
+      (e) => {
+        e || (F.value = !1, X(() => F.value = !0));
+      }
+    );
+    const ue = (e) => {
+      let l = null;
+      e ? s.mode === "smiple" ? l = { model: 3, data: [{ url: e, thumb: e }] } : Array.isArray(e) ? l = {
+        model: 99,
+        data: e.map((t) => ({
+          url: t
+        }))
+      } : l = { ...JSON.parse(e) } : l = { model: 3, data: [{ url: "", thumb: "" }] }, _.value || (_.value = { ...l }), a.value = l;
+    };
+    W(
+      () => s.dataValue,
+      () => {
+        ue(s.dataValue);
+      },
+      { immediate: !0 }
+    );
+    const ne = p(() => s.thumbsMax && b.value.length >= s.thumbsMax ? s.thumbsMax : b.value.length + 1), d = (e) => {
+      const l = JSON.parse(JSON.stringify(e));
+      Array.isArray(l.data) && (l.data = l.data.map((t) => t || {})), s.mode === "smiple" ? $("update:dataValue", l.data[0]?.url || "") : (l.data || (l.data = []), s.mode === "thumbs" ? $(
+        "update:dataValue",
+        l.data.map((t) => t.url)
+      ) : $("update:dataValue", JSON.stringify(l)));
+    }, T = p(() => ["doc", "thumbs"].includes(s.mode) ? z[parseInt(S.value, 10)] : z[3]), q = p(() => ge().filter((e) => se.value.split(",").includes(e.value))), se = p(() => {
+      const { series: e } = s;
+      if (e) {
+        if (e === "imagetext") return "1,2,3,4";
+        if (e === "svideo") return "2,5";
+        if (e === "video" || e === "atlas" || e === "audio") return "1,2,3,4";
+        if (e === "link" || e === "h5") return "1,2,3,4,7";
+        if (e === "local_live") return "2,3";
+      }
+      return "1,2,3,4,5,7";
+    }), H = p(() => s.mode !== "doc" ? z[3] : q.value.find((e) => e.value === S.value)), b = p({
+      get() {
+        return a.value?.data || [];
+      },
+      set(e) {
+        a.value.data = e || [];
+      }
+    }), L = p(() => b.value.map((e) => e.url)), N = (e) => {
+      R.value.push(e), K(R.value);
+    }, B = (e, l) => {
+      R.value = [], f.value = e, k.value = l;
+    }, A = (e, l) => {
+      f.value = e || "thumb", k.value = l || 0, g.value = !0;
+    }, C = p(() => {
+      const { series: e } = s;
+      return ["special", "special_v3", "video_album", "audio_album", "local_live"].includes(e);
+    }), K = (e) => {
+      if (f.value === "pc_banner" && !C.value)
+        e.map(async (l) => {
+          const { width: t, height: o } = await pe(l.url);
+          a.value.pc_banner_url = `${l.url}?width=${t}&height=${o}`, a.value.pc_banner_url_info = JSON.stringify({ width: t, height: o });
+        });
+      else if (f.value === "thumb") {
+        let l = [];
+        if (S.value === "1") {
+          let o = 0;
+          l = JSON.parse(JSON.stringify(a.value.data));
+          for (let i = k.value; i < k.value + e.length; i++) {
+            if (i >= 3) return;
+            l[i] = { url: e[o].url, thumb: e[o].url }, o++;
+          }
+        } else
+          l = [{ url: e[0].url, thumb: e[0].url }];
+        a.value.data = l, a.value.cover_url = e[0].url, G(V, e[0].url).then((o) => {
+          a.value.cover_colorList = JSON.parse(JSON.stringify(o)), a.value.cover_theme_color = `rgb(${o[1]})`, d(a.value);
+        }).catch((o) => {
+          a.value.banner_theme_color = "rgb(255, 255, 255)", d(a.value);
+        });
+      } else f.value === "banner" ? (a.value.banner_url = e[0].url, G(V, e[0].url).then((t) => {
+        a.value.banner_colorList = JSON.parse(JSON.stringify(t)), a.value.banner_theme_color = `rgb(${t[1]})`, d(a.value);
+      }).catch((t) => {
+        a.value.banner_theme_color = "rgb(255, 255, 255)", d(a.value);
+      })) : (a.value.top_image_url = e[0].url, a.value.pc_banner_url = e[0].url, G(V, e[0].url).then((t) => {
+        a.value.top_colorList = JSON.parse(JSON.stringify(t)), a.value.top_theme_color = `rgb(${t[1]})`, d(a.value);
+      }).catch((t) => {
+        a.value.top_theme_color = "rgb(255, 255, 255)", d(a.value);
+      }));
+      d(a.value), g.value = !1;
+    }, ie = (e) => {
+      if (g.value = !1, !!a.value) {
+        if (f.value === "banner" && (a.value.banner_url = e[0].url, a.value.banner_colorList = JSON.parse(JSON.stringify(e[0].banner_theme_color)), a.value.banner_theme_color = `rgb(${e[0].banner_theme_color[1]})`), f.value === "pcBanner" && C.value && (a.value.top_image_url = e[0].url, a.value.pc_banner_url = e[0].url, a.value.top_colorList = JSON.parse(JSON.stringify(e[0].banner_theme_color)), a.value.top_theme_color = `rgb(${e[0].banner_theme_color[1]})`), f.value === "thumb") {
+          const l = JSON.parse(JSON.stringify(a.value.data || []));
+          l[k.value] = {
+            url: e[0].url,
+            thumb: e[0].url
+          }, a.value.data = l;
+        }
+        d(a.value);
+      }
+    }, pe = (e) => new Promise((l, t) => {
+      const o = new Image();
+      o.src = e, o.onload = () => {
+        l(o);
+      }, o.onerror = t;
+    }), ve = () => {
+      a.value.cover_theme_color = "", s.dataValue && (a.value.model === _.value.model ? X(() => {
+        a.value.data = _.value.data, a.value.cover_theme_color = _.value.cover_theme_color, a.value.cover_colorList = _.value.cover_colorList;
+      }) : a.value.data = [], d(a.value));
+    }, M = p({
+      get() {
+        const { banner: e, banner_theme_color: l, banner_url: t } = a.value;
+        return { banner: e, banner_theme_color: l, url: t };
+      },
+      set(e) {
+        a.value.banner_url = e.url, a.value.cover_colorList = a.value.banner_colorList;
+      }
+    }), de = p({
+      get() {
+        const { cover_theme_color: e } = a.value;
+        return e;
+      },
+      set() {
+      }
+    }), h = p({
+      get() {
+        return !!M.value?.banner;
+      },
+      set(e) {
+        a.value.banner = e, d(a.value);
+      }
+    }), me = p({
+      get() {
+        return !!de.value;
+      },
+      set(e) {
+        a.value.cover = e, d(a.value);
+      }
+    }), Q = p({
+      get() {
+        const { pc_banner_url_info: e, pc_banner_url: l } = a.value;
+        return { pc_banner_url_info: e, url: l };
+      },
+      set(e) {
+        a.value.pc_banner_url = e.url;
+      }
+    }), D = (e) => {
+      d(e);
+    };
+    return be(() => {
+      a.value.cover_url;
+    }), (e, l) => (r(), n("div", {
+      ref_key: "selectThumbRef",
+      ref: w,
+      class: "select-thumb-container"
+    }, [
+      v("div", {
+        class: E(["banner-view", { flex: e.flex }])
+      }, [
+        e.mode !== "smiple" && e.showTitle ? (r(), n("div", {
+          key: 0,
+          class: "title",
+          style: P({ width: e.offset })
+        }, [
+          e.titleValid ? (r(), n("span", we, "*")) : u("", !0),
+          v("span", null, y(e.title ? e.title : "封面"), 1),
+          T.value?.value !== "4" && !e.flex ? (r(), n("span", ke, " (" + y(T.value?.alias) + "比例：" + y(T.value?.ratioStr) + ") ", 1)) : u("", !0)
+        ], 4)) : u("", !0),
+        v("div", Ce, [
+          ["thumbs"].includes(e.mode) ? (r(), n("div", Oe, [
+            (r(!0), n(O, null, x(ne.value, (t, o) => (r(), c(J, {
+              key: o,
+              id: `thumb-card-${o}`,
+              data: b.value[o],
+              "onUpdate:data": (i) => b.value[o] = i,
+              parentRef: w.value,
+              idx: o,
+              "preview-list": L.value,
+              "is-popover": e.localUpload,
+              "thumb-model": "thumb",
+              onFileForShowThumb: N,
+              onChangeThumbType: B,
+              onUploadLocal: l[0] || (l[0] = (i) => e.$emit("upload", i)),
+              onOpen: (i) => A(i, o)
+            }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "idx", "preview-list", "is-popover", "onOpen"]))), 128))
+          ])) : H.value ? (r(), n("div", Ue, [
+            (r(!0), n(O, null, x(H.value.maxLength, (t, o) => (r(), c(J, {
+              key: o,
+              id: `thumb-card-${o}`,
+              data: b.value[o],
+              "onUpdate:data": (i) => b.value[o] = i,
+              parentRef: w.value,
+              model: S.value,
+              idx: o,
+              "preview-list": L.value,
+              "is-popover": e.localUpload,
+              "thumb-model": "thumb",
+              onFileForShowThumb: N,
+              onChangeThumbType: B,
+              onUploadLocal: l[1] || (l[1] = (i) => e.$emit("upload", i)),
+              onOpen: (i) => A(i, o)
+            }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "model", "idx", "preview-list", "is-popover", "onOpen"]))), 128))
+          ])) : u("", !0),
+          v("div", Ve, [
+            T.value?.value !== "4" && e.flex ? (r(), n("span", Le, " (" + y(T.value?.alias) + "比例：" + y(T.value?.ratioStr) + ") ", 1)) : u("", !0)
+          ]),
+          ["doc"].includes(e.mode) ? (r(), n(O, { key: 2 }, [
+            Y(U(ye), {
+              modelValue: S.value,
+              "onUpdate:modelValue": l[2] || (l[2] = (t) => S.value = t),
+              size: "small",
+              type: "button",
+              style: { "margin-top": "10px" },
+              onChange: ve
+            }, {
+              default: Z(() => [
+                (r(!0), n(O, null, x(q.value, (t, o) => (r(), c(U(_e), {
+                  key: o,
+                  value: t.value
+                }, {
+                  default: Z(() => [
+                    he(y(t.alias), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            me.value ? (r(), c(j, {
+              key: 0,
+              "style-data": a.value,
+              model: "cover",
+              style: { "margin-top": "10px" },
+              onChange: D
+            }, null, 8, ["style-data"])) : u("", !0)
+          ], 64)) : u("", !0)
+        ])
+      ], 2),
+      e.mode === "doc" ? (r(), n(O, { key: 0 }, [
+        v("div", {
+          class: E(["banner-view", { flex: e.flex }])
+        }, [
+          v("div", {
+            class: "title",
+            style: P({ width: e.offset })
+          }, [
+            l[11] || (l[11] = v("span", { style: { "margin-right": "10px" } }, "独立轮播图", -1)),
+            e.flex ? u("", !0) : (r(), c(U(ee), {
+              key: 0,
+              modelValue: h.value,
+              "onUpdate:modelValue": l[3] || (l[3] = (t) => h.value = t),
+              size: "small"
+            }, null, 8, ["modelValue"]))
+          ], 4),
+          v("div", Ne, [
+            e.flex ? (r(), c(U(ee), {
+              key: 0,
+              modelValue: h.value,
+              "onUpdate:modelValue": l[4] || (l[4] = (t) => h.value = t),
+              style: { "margin-bottom": "10px" },
+              size: "small"
+            }, null, 8, ["modelValue"])) : u("", !0),
+            h.value ? (r(), c(J, {
+              key: 1,
+              id: "banner-card",
+              data: M.value,
+              "onUpdate:data": l[5] || (l[5] = (t) => M.value = t),
+              parentRef: w.value,
+              "preview-list": L.value,
+              "is-popover": e.localUpload,
+              "thumb-model": "banner",
+              onFileForShowThumb: N,
+              onChangeThumbType: B,
+              onUploadLocal: l[6] || (l[6] = (t) => e.$emit("upload", t)),
+              onOpen: A
+            }, null, 8, ["data", "parentRef", "preview-list", "is-popover"])) : u("", !0),
+            h.value && a.value.banner_theme_color ? (r(), n("div", Be, [...l[12] || (l[12] = [
+              v("span", null, "独立轮播图背景颜色", -1)
+            ])])) : u("", !0),
+            h.value ? (r(), c(j, {
+              key: 3,
+              "style-data": a.value,
+              model: "banner",
+              onChange: D
+            }, null, 8, ["style-data"])) : u("", !0)
+          ])
+        ], 2),
+        v("div", {
+          class: E(["banner-view", { flex: e.flex }])
+        }, [
+          v("div", {
+            class: "title",
+            style: P({ width: e.offset })
+          }, [
+            C.value ? (r(), n("span", Ae, [
+              e.topImageTitleValid ? (r(), n("span", Je, "*")) : u("", !0),
+              v("span", null, y(e.topImageTitle || "封面头图"), 1)
+            ])) : (r(), n("span", $e, "PC封面图")),
+            e.flex ? u("", !0) : (r(), n("span", Ie, "(建议尺寸：1242px*662px)"))
+          ], 4),
+          v("div", Re, [
+            Y(J, {
+              id: "pc-banner-card",
+              data: Q.value,
+              "onUpdate:data": l[7] || (l[7] = (t) => Q.value = t),
+              parentRef: w.value,
+              previewList: L.value,
+              "is-popover": e.localUpload,
+              thumbModel: "pcBanner",
+              onFileForShowThumb: N,
+              onChangeThumbType: B,
+              onUploadLocal: l[8] || (l[8] = (t) => e.$emit("upload", t)),
+              onOpen: A
+            }, null, 8, ["data", "parentRef", "previewList", "is-popover"]),
+            e.flex ? (r(), n("span", Fe, "(建议尺寸：1242px*662px)")) : u("", !0),
+            C.value && a.value.top_theme_color ? (r(), n("div", Me, [...l[13] || (l[13] = [
+              v("span", null, "图片背景颜色", -1)
+            ])])) : u("", !0),
+            C.value ? (r(), c(j, {
+              key: 2,
+              model: "top",
+              styleData: a.value,
+              onChange: D
+            }, null, 8, ["styleData"])) : u("", !0)
+          ])
+        ], 2)
+      ], 64)) : u("", !0),
+      g.value ? (r(), c(Te, {
+        key: 1,
+        visible: g.value,
+        "onUpdate:visible": l[9] || (l[9] = (t) => g.value = t),
+        maxcount: 1,
+        "media-use-type": e.mediaUseType,
+        userInfo: { domain_id: 1, repository_id: 4 },
+        filterOptions: { mediaType: "image", mediaTypeStrict: !0 },
+        wrap: "modal",
+        onSubmit: K
+      }, null, 8, ["visible", "media-use-type"])) : u("", !0),
+      F.value ? (r(), c(Se, {
+        key: 2,
+        visible: I.value,
+        "onUpdate:visible": l[10] || (l[10] = (t) => I.value = t),
+        "aspect-ratio-prop": oe.value,
+        BASE_API: U(V),
+        "corp-data": re.value,
+        "generate-assets": !1,
+        onConfirm: ie
+      }, null, 8, ["visible", "aspect-ratio-prop", "BASE_API", "corp-data"])) : u("", !0)
+    ], 512));
+  }
+});
+export {
+  Ke as default
+};

package/es/selectThumb/component.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./component.vue.mjs";
+export {
+  f as default
+};

package/es/selectThumb/components/card.vue.mjs

@@ -0,0 +1,152 @@
+import { defineComponent as M, computed as E, createElementBlock as l, openBlock as a, createBlock as P, unref as t, withCtx as d, createElementVNode as n, normalizeClass as f, createVNode as o, Transition as v, createCommentVNode as g, withModifiers as m, normalizeStyle as b } from "vue";
+import { Popover as S, Image as y } from "@arco-design/web-vue";
+import { IconEdit as C, IconDelete as _, IconPlus as w } from "@arco-design/web-vue/es/icon";
+import { DEFAULT_BASE_API as L } from "../../config.mjs";
+const $ = { class: "thumb-card-container-wrap" }, A = {
+  key: 0,
+  class: "img-v"
+}, D = {
+  key: 0,
+  class: "img-v"
+}, z = /* @__PURE__ */ M({
+  name: "thumbCard",
+  __name: "card",
+  props: {
+    data: {},
+    previewList: {},
+    thumbModel: {},
+    parentRef: {},
+    idx: {},
+    along: { type: Boolean },
+    model: {},
+    isPopover: { type: Boolean }
+  },
+  emits: [
+    "open",
+    "remove",
+    "change",
+    "changeThumbType",
+    "fileForShowThumb",
+    "uploadLocal",
+    "update:data"
+  ],
+  setup(B, { emit: T }) {
+    const u = `${L}/static/images/waterBg.png`, e = B, r = T, p = E(() => e.model ? {
+      [`model-${e.model}`]: e.data?.url && e.model
+    } : {}), h = () => {
+      e.along && s();
+    }, I = () => {
+      r("changeThumbType", e.thumbModel, e.idx || 0), r("uploadLocal", (c) => {
+        let { data: i } = e;
+        c && (i || (i = {}), i.url = c.url, r("fileForShowThumb", i));
+      });
+    }, s = () => {
+      r("open", e.thumbModel);
+    }, k = () => {
+      r("remove");
+    };
+    return (c, i) => (a(), l("div", $, [
+      c.isPopover ? (a(), P(t(S), {
+        key: 0,
+        trigger: "hover",
+        position: "bottom",
+        "popup-container": e.parentRef
+      }, {
+        content: d(() => [
+          n("div", { onClick: s }, "素材库选择"),
+          n("div", { onClick: I }, "本地上传")
+        ]),
+        default: d(() => [
+          n("div", {
+            class: f(["thumb-card-container", p.value])
+          }, [
+            e.data?.url ? (a(), l("div", A, [
+              o(t(y), {
+                class: "item",
+                fit: "cover",
+                src: e.data.url,
+                "show-loader": ""
+              }, null, 8, ["src"]),
+              o(v, { name: "fade" }, {
+                default: d(() => [
+                  n("div", {
+                    class: "mask",
+                    onClick: h
+                  }, [
+                    n("span", {
+                      class: "half",
+                      onClick: m(s, ["stop"])
+                    }, [
+                      o(t(C))
+                    ]),
+                    c.along ? (a(), l("span", {
+                      key: 0,
+                      class: "half",
+                      onClick: m(k, ["stop"])
+                    }, [
+                      o(t(_))
+                    ])) : g("", !0)
+                  ])
+                ]),
+                _: 1
+              })
+            ])) : (a(), l("div", {
+              key: 1,
+              class: "item add-thumb",
+              style: b({ backgroundImage: `url(${u})` }),
+              onClick: s
+            }, [
+              o(t(w))
+            ], 4))
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["popup-container"])) : (a(), l("div", {
+        key: 1,
+        class: f(["thumb-card-container", p.value])
+      }, [
+        e.data?.url ? (a(), l("div", D, [
+          o(t(y), {
+            class: "item",
+            fit: "cover",
+            src: e.data.url,
+            "show-loader": ""
+          }, null, 8, ["src"]),
+          o(v, { name: "fade" }, {
+            default: d(() => [
+              n("div", {
+                class: "mask",
+                onClick: h
+              }, [
+                n("span", {
+                  class: "half",
+                  onClick: m(s, ["stop"])
+                }, [
+                  o(t(C))
+                ]),
+                c.along ? (a(), l("span", {
+                  key: 0,
+                  class: "half",
+                  onClick: m(k, ["stop"])
+                }, [
+                  o(t(_))
+                ])) : g("", !0)
+              ])
+            ]),
+            _: 1
+          })
+        ])) : (a(), l("div", {
+          key: 1,
+          class: "item add-thumb",
+          style: b({ backgroundImage: `url(${u})` }),
+          onClick: s
+        }, [
+          o(t(w))
+        ], 4))
+      ], 2))
+    ]));
+  }
+});
+export {
+  z as default
+};

package/es/selectThumb/components/card.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./card.vue.mjs";
+export {
+  f as default
+};

package/es/selectThumb/components/colorPalette.vue.mjs

@@ -0,0 +1,65 @@
+import { defineComponent as y, ref as c, watch as h, createElementBlock as i, createCommentVNode as _, openBlock as s, createVNode as m, unref as d, withCtx as $, Fragment as b, renderList as V, createBlock as D, normalizeStyle as k } from "vue";
+import { RadioGroup as C, Radio as L } from "@arco-design/web-vue";
+import N from "./colorPicker.vue.mjs";
+const x = {
+  key: 0,
+  class: "color-palette-container"
+}, S = /* @__PURE__ */ y({
+  __name: "colorPalette",
+  props: {
+    styleData: {},
+    model: {}
+  },
+  emits: ["change"],
+  setup(p, { emit: g }) {
+    const o = p, v = g, a = c("rgb(101,121,109)"), n = c([]), u = (t) => {
+      if (t) {
+        a.value = t.replace(/\s+/g, "");
+        const e = JSON.parse(JSON.stringify(o.styleData));
+        e[`${o.model}_theme_color`] = a.value, v("change", e);
+      }
+    }, f = (t) => {
+      if (t.includes("rgb"))
+        return t;
+      const e = parseInt(t.slice(1, 3), 16), l = parseInt(t.slice(3, 5), 16), r = parseInt(t.slice(5, 7), 16);
+      return `rgb(${e},${l},${r})`;
+    };
+    return h(
+      () => o.styleData,
+      () => {
+        if (o.styleData) {
+          const t = o.styleData[`${o.model}_theme_color`] || "";
+          a.value = f(t);
+          const e = o.styleData[`${o.model}_colorList`];
+          e?.length ? n.value = e.map((l) => `rgb(${l})`) : a.value && (n.value = [a.value]);
+        }
+      },
+      { immediate: !0 }
+    ), (t, e) => n.value && n.value.length ? (s(), i("div", x, [
+      m(d(C), {
+        modelValue: a.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (l) => a.value = l),
+        class: "color-radio-group",
+        type: "button",
+        onChange: u
+      }, {
+        default: $(() => [
+          (s(!0), i(b, null, V(n.value, (l, r) => (s(), D(d(L), {
+            key: r,
+            style: k({ background: `${l} !important` }),
+            value: l
+          }, null, 8, ["style", "value"]))), 128)),
+          m(N, {
+            modelValue: a.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (l) => a.value = l),
+            onChange: u
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ])) : _("", !0);
+  }
+});
+export {
+  S as default
+};

package/es/selectThumb/components/colorPalette.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./colorPalette.vue.mjs";
+export {
+  f as default
+};