@web-utils/component 2.9.4 → 2.9.6

package/vue-cron/style.css

@@ -0,0 +1 @@
+.vue-cron .language{position:absolute;right:25px;z-index:1}.vue-cron .el-tabs{box-shadow:none}.vue-cron .tabBody .el-row{margin:10px 0}.vue-cron .tabBody .el-row .long .el-select{width:350px}.vue-cron .tabBody .el-row .el-input-number{width:110px}.vue-cron .bottom{width:100%;text-align:center;margin-top:5px;position:relative}.vue-cron .bottom .value{font-size:18px;vertical-align:middle}

package/vue-quill-editor/index.mjs

@@ -0,0 +1,117 @@
+import "quill/dist/quill.core.css";
+import "quill/dist/quill.snow.css";
+import "quill/dist/quill.bubble.css";
+import s from "quill";
+import { n } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var o = function() {
+  var t = this, i = t.$createElement, e = t._self._c || i;
+  return e("div", {
+    staticClass: "vue-quill-editor"
+  }, [t._t("toolbar"), e("div", {
+    ref: "editor",
+    staticClass: "quill-editor"
+  })], 2);
+}, r = [];
+const u = {
+  theme: "snow",
+  boundary: document.body,
+  modules: {
+    toolbar: [
+      ["bold", "italic", "underline", "strike"],
+      ["blockquote", "code-block"],
+      [{ header: 1 }, { header: 2 }],
+      [{ list: "ordered" }, { list: "bullet" }],
+      [{ script: "sub" }, { script: "super" }],
+      [{ indent: "-1" }, { indent: "+1" }],
+      [{ direction: "rtl" }],
+      [{ size: ["small", !1, "large", "huge"] }],
+      [{ header: [1, 2, 3, 4, 5, 6, !1] }],
+      [{ color: [] }, { background: [] }],
+      [{ font: [] }],
+      [{ align: [] }],
+      ["clean"],
+      ["link", "image", "video"]
+    ]
+  },
+  placeholder: "Insert text here ...",
+  readOnly: !1
+}, a = {
+  name: "VueQuillEditor",
+  props: {
+    content: String,
+    value: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    options: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    },
+    globalOptions: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      innerOptions: {},
+      innerContent: "",
+      defaultOptions: u
+    };
+  },
+  watch: {
+    // Watch content change
+    content(t) {
+      this.quill && (t && t !== this.innerContent ? (this.innerContent = t, this.quill.pasteHTML(t)) : t || this.quill.setText(""));
+    },
+    // Watch content change
+    value(t) {
+      this.quill && (t && t !== this.innerContent ? (this.innerContent = t, this.quill.pasteHTML(t)) : t || this.quill.setText(""));
+    },
+    // Watch disabled change
+    disabled(t) {
+      this.quill && this.quill.enable(!t);
+    }
+  },
+  mounted() {
+    this.initialize();
+  },
+  beforeDestroy() {
+    this.quill = null, delete this.quill;
+  },
+  methods: {
+    // Init Quill instance
+    initialize() {
+      this.$el && (this.innerOptions = Object.assign({}, this.defaultOptions, this.globalOptions, this.options), this.quill = new s(this.$refs.editor, this.innerOptions), this.quill.enable(!1), (this.value || this.content) && this.quill.pasteHTML(this.value || this.content), this.disabled || this.quill.enable(!0), this.quill.on("selection-change", (t) => {
+        t ? this.$emit("focus", this.quill) : this.$emit("blur", this.quill);
+      }), this.quill.on("text-change", () => {
+        let t = this.$refs.editor.children[0].innerHTML;
+        const i = this.quill, e = this.quill.getText();
+        t === "<p><br></p>" && (t = ""), this.innerContent = t, this.$emit("input", this.innerContent), this.$emit("change", { html: t, text: e, quill: i });
+      }), this.$emit("ready", this.quill));
+    }
+  }
+}, l = {};
+var h = /* @__PURE__ */ n(
+  a,
+  o,
+  r,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(t) {
+  for (let i in l)
+    this[i] = l[i];
+}
+const _ = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  _ as default
+};

package/vue-quill-editor/style.css

@@ -0,0 +1 @@
+.vue-quill-editor .quill-editor{min-height:400px}

package/vue-video-player/index.mjs

@@ -0,0 +1,187 @@
+var f = Object.defineProperty;
+var h = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
+var c = (e, i, t) => i in e ? f(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, u = (e, i) => {
+  for (var t in i || (i = {}))
+    m.call(i, t) && c(e, t, i[t]);
+  if (h)
+    for (var t of h(i))
+      g.call(i, t) && c(e, t, i[t]);
+  return e;
+};
+var d = (e, i, t) => new Promise((r, o) => {
+  var n = (s) => {
+    try {
+      a(t.next(s));
+    } catch (p) {
+      o(p);
+    }
+  }, l = (s) => {
+    try {
+      a(t.throw(s));
+    } catch (p) {
+      o(p);
+    }
+  }, a = (s) => s.done ? r(s.value) : Promise.resolve(s.value).then(n, l);
+  a((t = t.apply(e, i)).next());
+});
+import "video.js/dist/video-js.min.css";
+import v from "video.js";
+import _ from "video.js/dist/lang/zh-CN.json";
+import b from "lodash/defaults";
+import { n as O } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var $ = function() {
+  var e = this, i = e.$createElement, t = e._self._c || i;
+  return t("div", {
+    staticClass: "video-player video-player-box"
+  }, [t("video", {
+    ref: "video",
+    staticClass: "video-js"
+  })]);
+}, x = [];
+v.addLanguage("zh", _);
+const A = [
+  "loadeddata",
+  "canplay",
+  "canplaythrough",
+  "play",
+  "pause",
+  "waiting",
+  "playing",
+  "ended",
+  "error"
+], T = {
+  name: "VueVideoPlayer",
+  props: {
+    crossOrigin: {
+      type: String,
+      default: ""
+    },
+    playsInline: {
+      type: Boolean,
+      default: !1
+    },
+    autoplay: {
+      type: Boolean,
+      default: !0
+    },
+    volume: {
+      type: Number,
+      default: 1
+    },
+    src: String,
+    options: Object,
+    events: {
+      type: Array,
+      default: () => []
+    },
+    globalOptions: {
+      type: Object,
+      default: () => ({
+        // autoplay: false,
+        controls: !0,
+        // preload: 'auto',
+        // fluid: false,
+        // muted: false,
+        playbackRates: [0.7, 1, 1.5, 2],
+        controlBar: {
+          remainingTimeDisplay: !1,
+          playToggle: {},
+          progressControl: {},
+          fullscreenToggle: {},
+          volumeMenuButton: {
+            inline: !1,
+            vertical: !0
+          }
+        },
+        techOrder: ["html5"],
+        plugins: {}
+      })
+    },
+    globalEvents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      player: null
+    };
+  },
+  computed: {
+    videoOptions() {
+      return b({
+        language: "zh",
+        autoplay: this.autoplay,
+        sources: [{ src: this.src }]
+      }, u(u({}, this.globalOptions), this.options));
+    }
+  },
+  watch: {
+    videoOptions: {
+      immediate: !0,
+      deep: !0,
+      handler: "initialize"
+    }
+  },
+  activated() {
+    var e;
+    (e = this.player) == null || e.play();
+  },
+  deactivated() {
+    var e;
+    (e = this.player) == null || e.pause();
+  },
+  beforeDestroy() {
+    this.dispose();
+  },
+  methods: {
+    initialize() {
+      return d(this, null, function* () {
+        var n, l;
+        if (yield this.$nextTick(), !((l = (n = this.videoOptions) == null ? void 0 : n.sources) != null && l.length))
+          return;
+        if (this.player) {
+          this.player.options(this.videoOptions);
+          return;
+        }
+        this.playsInline && (this.$refs.video.setAttribute("playsinline", this.playsInline), this.$refs.video.setAttribute("webkit-playsinline", this.playsInline), this.$refs.video.setAttribute("x5-playsinline", this.playsInline), this.$refs.video.setAttribute("x5-video-player-type", "h5"), this.$refs.video.setAttribute("x5-video-player-fullscreen", !1)), this.crossOrigin && (this.$refs.video.crossOrigin = this.crossOrigin, this.$refs.video.setAttribute("crossOrigin", this.crossOrigin));
+        const { events: e, globalEvents: i, volume: t } = this, r = (...a) => this.$emit(...a), o = A.concat(e).concat(i);
+        this.player = v(this.$refs.video, this.videoOptions, function() {
+          this.volume(t);
+          for (let a = 0; a < o.length; a++) {
+            const s = o[a];
+            this.on(s, () => r(s, this));
+          }
+          this.on("timeupdate", () => r("timeupdate", this.currentTime(), this)), r("ready", this);
+        });
+      });
+    },
+    dispose() {
+      return d(this, null, function* () {
+        var e;
+        (e = this.player) != null && e.dispose && (this.player.techName_ !== "Flash" && this.player.pause(), this.player.dispose(), this.player = null);
+      });
+    }
+  }
+}, y = {};
+var V = /* @__PURE__ */ O(
+  T,
+  $,
+  x,
+  !1,
+  z,
+  null,
+  null,
+  null
+);
+function z(e) {
+  for (let i in y)
+    this[i] = y[i];
+}
+const B = /* @__PURE__ */ function() {
+  return V.exports;
+}();
+export {
+  B as default
+};

package/vue-video-player/style.css

@@ -0,0 +1 @@
+.video-player-box{width:100%;height:100%}.video-player-box .video-js{width:100%;height:100%;background-color:#404040}

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.9.4",
+  "version": "2.9.6",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -19770,6 +19770,36 @@
             }
           ]
         },
+        {
+          "name": "VueCron",
+          "description": "",
+          "attributes": [
+            {
+              "name": "data",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              },
+              "default": ""
+            },
+            {
+              "name": "expression",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": ""
+            }
+          ],
+          "events": [
+            {
+              "name": "change"
+            },
+            {
+              "name": "close"
+            }
+          ]
+        },
         {
           "name": "VueQrCode",
           "description": "",
@@ -19808,6 +19838,76 @@
             }
           ]
         },
+        {
+          "name": "VueQuillEditor",
+          "description": "",
+          "attributes": [
+            {
+              "name": "content",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": ""
+            },
+            {
+              "name": "value",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": ""
+            },
+            {
+              "name": "disabled",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "options",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              },
+              "default": "{}"
+            },
+            {
+              "name": "globalOptions",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              },
+              "default": "{}"
+            }
+          ],
+          "events": [
+            {
+              "name": "blur"
+            },
+            {
+              "name": "focus"
+            },
+            {
+              "name": "input"
+            },
+            {
+              "name": "change"
+            },
+            {
+              "name": "ready"
+            }
+          ],
+          "slots": [
+            {
+              "name": "toolbar"
+            }
+          ]
+        },
         {
           "name": "VueTagsInput",
           "description": "",
@@ -20637,6 +20737,84 @@
             }
           ]
         },
+        {
+          "name": "VueVideoPlayer",
+          "description": "",
+          "attributes": [
+            {
+              "name": "crossOrigin",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "playsInline",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "autoplay",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "name": "volume",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "1"
+            },
+            {
+              "name": "src",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": ""
+            },
+            {
+              "name": "options",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              },
+              "default": ""
+            },
+            {
+              "name": "events",
+              "value": {
+                "kind": "expression",
+                "type": "array"
+              },
+              "default": "[]"
+            },
+            {
+              "name": "globalOptions",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              },
+              "default": "{\r\n  // autoplay: false,\r\n  controls: true,\r\n\r\n  // preload: 'auto',\r\n  // fluid: false,\r\n  // muted: false,\r\n  playbackRates: [0.7, 1.0, 1.5, 2.0],\r\n\r\n  controlBar: {\r\n    remainingTimeDisplay: false,\r\n    playToggle: {},\r\n    progressControl: {},\r\n    fullscreenToggle: {},\r\n    volumeMenuButton: {\r\n      inline: false,\r\n      vertical: true\r\n    }\r\n  },\r\n\r\n  techOrder: ['html5'],\r\n  plugins: {}\r\n}"
+            },
+            {
+              "name": "globalEvents",
+              "value": {
+                "kind": "expression",
+                "type": "array"
+              },
+              "default": "[]"
+            }
+          ]
+        },
         {
           "name": "Watermark",
           "description": "",