@web-utils/component 3.0.1 → 3.0.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -497,90 +497,6 @@
             }
           ]
         },
-        {
-          "name": "ColorPicker",
-          "description": "",
-          "attributes": [
-            {
-              "name": "popperClass",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": ""
-            },
-            {
-              "name": "predefine",
-              "value": {
-                "kind": "expression",
-                "type": "array"
-              },
-              "default": ""
-            },
-            {
-              "name": "visible",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": ""
-            },
-            {
-              "name": "hideOnClickOutside",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "true"
-            },
-            {
-              "name": "value",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": ""
-            },
-            {
-              "name": "offset",
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              },
-              "default": ""
-            },
-            {
-              "name": "anchor",
-              "value": {
-                "kind": "expression",
-                "type": "HTMLElement"
-              },
-              "default": ""
-            },
-            {
-              "name": "appendToBody",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "true"
-            }
-          ],
-          "events": [
-            {
-              "name": "pick"
-            },
-            {
-              "name": "clear"
-            },
-            {
-              "name": "input"
-            },
-            {
-              "name": "update:visible"
-            }
-          ]
-        },
         {
           "name": "Comment",
           "description": "",

package/color-picker/index.mjs

@@ -1,296 +0,0 @@
-var a = (e, t, o) => new Promise((r, s) => {
-  var m = (i) => {
-    try {
-      n(o.next(i));
-    } catch (l) {
-      s(l);
-    }
-  }, h = (i) => {
-    try {
-      n(o.throw(i));
-    } catch (l) {
-      s(l);
-    }
-  }, n = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(m, h);
-  n((o = o.apply(e, t)).next());
-});
-import f from "element-ui/packages/color-picker/src/color";
-import _ from "element-ui/src/utils/clickoutside";
-import v from "element-ui/packages/color-picker/src/components/sv-panel";
-import k from "element-ui/packages/color-picker/src/components/hue-slider";
-import w from "element-ui/packages/color-picker/src/components/alpha-slider";
-import C from "element-ui/packages/color-picker/src/components/predefine";
-import $ from "element-ui/src/utils/vue-popper";
-import y from "element-ui/src/mixins/locale";
-import c from "element-ui/lib/button";
-import P from "element-ui/lib/input";
-import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var x = function() {
-  var e = this, t = e.$createElement, o = e._self._c || t;
-  return o("Transition", {
-    attrs: {
-      name: "el-zoom-in-top"
-    },
-    on: {
-      "after-leave": e.doDestroy
-    }
-  }, [o("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: e.showPopper,
-      expression: "showPopper"
-    }],
-    staticClass: "el-color-dropdown"
-  }, [o("div", {
-    staticClass: "el-color-dropdown__main-wrapper"
-  }, [o("HueSlider", {
-    ref: "hue",
-    staticStyle: {
-      float: "right"
-    },
-    attrs: {
-      color: e.color,
-      vertical: ""
-    }
-  }), o("SvPanel", {
-    ref: "sl",
-    attrs: {
-      color: e.color
-    }
-  })], 1), e.showAlpha ? o("AlphaSlider", {
-    ref: "alpha",
-    attrs: {
-      color: e.color
-    }
-  }) : e._e(), e.predefine ? o("Predefine", {
-    attrs: {
-      color: e.color,
-      colors: e.predefine
-    }
-  }) : e._e(), o("div", {
-    staticClass: "el-color-dropdown__btns"
-  }, [o("span", {
-    staticClass: "el-color-dropdown__value"
-  }, [o(P, {
-    attrs: {
-      "validate-event": !1,
-      size: "mini"
-    },
-    on: {
-      blur: e.handleConfirm
-    },
-    nativeOn: {
-      keyup: function(r) {
-        return !r.type.indexOf("key") && e._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : e.handleConfirm.apply(null, arguments);
-      }
-    },
-    model: {
-      value: e.customInput,
-      callback: function(r) {
-        e.customInput = r;
-      },
-      expression: "customInput"
-    }
-  })], 1), o(c, {
-    staticClass: "el-color-dropdown__link-btn",
-    attrs: {
-      size: "mini",
-      type: "text"
-    },
-    on: {
-      click: function(r) {
-        return e.$emit("clear");
-      }
-    }
-  }, [e._v(" " + e._s(e.t("el.colorpicker.clear")) + " ")]), o(c, {
-    staticClass: "el-color-dropdown__btn",
-    attrs: {
-      plain: "",
-      size: "mini"
-    },
-    on: {
-      click: e.confirmValue
-    }
-  }, [e._v(" " + e._s(e.t("el.colorpicker.confirm")) + " ")])], 1)], 1)]);
-}, b = [];
-const S = {
-  name: "ElColorPickerDropdown",
-  components: {
-    SvPanel: v,
-    HueSlider: k,
-    AlphaSlider: w,
-    Predefine: C
-  },
-  mixins: [$, y],
-  props: {
-    color: {
-      type: Object,
-      required: !0
-    },
-    showAlpha: Boolean,
-    predefine: Array
-  },
-  data() {
-    return {
-      customInput: ""
-    };
-  },
-  computed: {
-    currentColor() {
-      const e = this.$parent;
-      return !e.value && !e.showPanelColor ? "" : e.color.value;
-    }
-  },
-  watch: {
-    showPopper(e) {
-      e === !0 && this.$nextTick(() => {
-        const { sl: t, hue: o, alpha: r } = this.$refs;
-        t && t.update(), o && o.update(), r && r.update();
-      });
-    },
-    currentColor: {
-      immediate: !0,
-      handler(e) {
-        this.customInput = e;
-      }
-    }
-  },
-  mounted() {
-    this.$parent.popperElm = this.popperElm = this.$el, this.referenceElm = this.$parent.$el;
-  },
-  methods: {
-    confirmValue() {
-      this.$emit("pick");
-    },
-    handleConfirm() {
-      this.color.fromString(this.customInput);
-    }
-  }
-}, p = {};
-var O = /* @__PURE__ */ d(
-  S,
-  x,
-  b,
-  !1,
-  g,
-  null,
-  null,
-  null
-);
-function g(e) {
-  for (let t in p)
-    this[t] = p[t];
-}
-const E = /* @__PURE__ */ function() {
-  return O.exports;
-}();
-var I = function() {
-  var e = this, t = e.$createElement, o = e._self._c || t;
-  return o(E, {
-    directives: [{
-      name: "clickoutside",
-      rawName: "v-clickoutside",
-      value: e.onClickOutside,
-      expression: "onClickOutside"
-    }],
-    ref: "dropdown",
-    class: ["el-color-picker__panel", e.popperClass || ""],
-    attrs: {
-      offset: e.offset,
-      "append-to-body": e.appendToBody,
-      color: e.color,
-      predefine: e.predefine
-    },
-    on: {
-      pick: e.confirmValue,
-      clear: e.clearValue
-    },
-    model: {
-      value: e.showPicker,
-      callback: function(r) {
-        e.showPicker = r;
-      },
-      expression: "showPicker"
-    }
-  });
-}, A = [];
-const B = {
-  name: "ColorPicker",
-  directives: { Clickoutside: _ },
-  props: {
-    popperClass: String,
-    predefine: Array,
-    visible: Boolean,
-    hideOnClickOutside: {
-      type: Boolean,
-      default: !0
-    },
-    value: String,
-    offset: Number,
-    anchor: HTMLElement,
-    appendToBody: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      color: new f({ enableAlpha: !1 }),
-      showPicker: !1
-    };
-  },
-  watch: {
-    value: {
-      immediate: !0,
-      handler(e) {
-        e && e !== this.color.value && this.color.fromString(e);
-      }
-    },
-    visible: {
-      immediate: !0,
-      handler(e) {
-        return a(this, null, function* () {
-          e ? (yield this.$nextTick(), this.$refs.dropdown.referenceElm = this.anchor) : this.$refs.dropdown && this.$refs.dropdown.doDestroy(!0), this.showPicker = e;
-        });
-      }
-    }
-  },
-  methods: {
-    confirmValue() {
-      this.emitInput(this.color), this.$emit("pick", this.color.value), this.hide();
-    },
-    clearValue() {
-      this.$emit("clear"), this.hide();
-    },
-    emitInput(e) {
-      this.$emit("input", e.value);
-    },
-    onClickOutside() {
-      this.hideOnClickOutside && this.hide();
-    },
-    hide() {
-      this.$emit("update:visible", !1);
-    }
-  }
-}, u = {};
-var T = /* @__PURE__ */ d(
-  B,
-  I,
-  A,
-  !1,
-  z,
-  null,
-  null,
-  null
-);
-function z(e) {
-  for (let t in u)
-    this[t] = u[t];
-}
-const K = /* @__PURE__ */ function() {
-  return T.exports;
-}();
-export {
-  K as default
-};