mine-h5-ui/es/MeColorPicker/index.vue.js

一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍

import { defineComponent as x, mergeModels as S, useSlots as $, useModel as g, createElementBlock as u, openBlock as d, Fragment as k, createElementVNode as c, createVNode as T, unref as e, normalizeClass as V, renderSlot as b, createCommentVNode as v, normalizeStyle as C, toDisplayString as w, isRef as R } from "vue";
import { useHandler as B, useRender as M, useSize as N } from "./hooks.js";
import { name as m, getDefaultValue as D } from "./config.js";
import E from "./dropdown.vue.js";
import { colorType as F } from "./enums.js";
/*!
          * mine-h5-ui v2.15.0
          * Copyright (c) 2025 biaov
          * @license MIT
          */
const U = {
  key: 0,
  class: "inner-label"
}, I = /* @__PURE__ */ x({
  name: m,
  __name: "index",
  props: /* @__PURE__ */ S({
    filterText: { type: Function, default: ({ value: o, type: s, alpha: r }) => s === F.hex ? o : o.replace(")", `,${r / 100})`) },
    size: { default: "default" },
    showText: { type: Boolean, default: !1 }
  }, {
    modelValue: { default: D() },
    modelModifiers: {}
  }),
  emits: ["update:modelValue"],
  setup(o) {
    const s = $(), r = o, n = g(o, "modelValue"), { colorRect: z, dropdown: i, onToggle: f } = B(), { showColor: y } = M({ modelValue: n }), { sizeValue: p } = N(r);
    return (a, l) => (d(), u(k, null, [
      c("div", {
        class: V(e(m)),
        ref: "colorRef",
        onClick: l[0] || (l[0] = //@ts-ignore
        (...t) => e(f) && e(f)(...t))
      }, [
        b(a.$slots, "default"),
        s.default ? v("", !0) : (d(), u("div", {
          key: 0,
          class: V(`${e(m)}-inner`),
          style: C(`--color:${e(y)};--size:${e(p).size}px;fontSize:${e(p).fontSize}px;`)
        }, [
          l[3] || (l[3] = c("div", { class: "inner-block" }, null, -1)),
          a.showText ? (d(), u("div", U, w(a.filterText(n.value)), 1)) : v("", !0)
        ], 6))
      ], 2),
      T(E, {
        modelValue: n.value,
        "onUpdate:modelValue": l[1] || (l[1] = (t) => n.value = t),
        visible: e(i),
        "onUpdate:visible": l[2] || (l[2] = (t) => R(i) ? i.value = t : null),
        rect: e(z),
        duration: 400
      }, null, 8, ["modelValue", "visible", "rect"])
    ], 64));
  }
});
export {
  I as default
};