epic-designer-gold/dist/select-CjWTf5kk.js

基于vue3的设计器,可视化开发页面表单

import { defineComponent as i, h as d } from "vue";
/* empty css                   */
import { ElSelect as m, ElOption as p } from "element-plus";
const v = i({
  emits: ["update:modelValue", "update:modelValueLabel"],
  setup(f, { emit: u, attrs: o }) {
    return () => {
      function r(l = null) {
        if (Object.prototype.toString.call(l) === "[object Array]") {
          const a = l.map((t) => {
            let n = e == null ? void 0 : e.options.find((b) => b.value === t);
            return n || {
              label: t,
              value: t
            };
          });
          u("update:modelValueLabel", a);
        } else {
          const a = e == null ? void 0 : e.options.find((t) => t.value === l);
          a ? u("update:modelValueLabel", a) : u("update:modelValueLabel", {
            label: l,
            value: l
          });
        }
        u("update:modelValue", l);
      }
      const e = {
        ...o,
        key: String(o.multiple),
        "onUpdate:modelValue": r
      };
      return d(m, e, {
        default: () => {
          var l;
          return [
            (l = e == null ? void 0 : e.options) == null ? void 0 : l.map((a) => d(p, { label: a.label, value: a.value }))
          ];
        }
      });
    };
  }
});
export {
  v as default
};