officialblock 2.1.0 → 2.1.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "officialblock",
   "private": false,
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "A Vue 3 article list component library",
   "author": "Your Name",
   "license": "MIT",

package/dist/index-B1CWbJxM.mjs

@@ -1,414 +0,0 @@
-import { defineComponent as X, defineAsyncComponent as Z, ref as C, computed as w, resolveComponent as g, createBlock as L, openBlock as h, withCtx as r, createElementVNode as a, createVNode as s, createTextVNode as V, unref as R, mergeProps as ee, createElementBlock as D, normalizeClass as $, toDisplayString as F, createCommentVNode as E, getCurrentInstance as te, watch as q, onMounted as ae, normalizeStyle as ne, withDirectives as z, Fragment as oe, renderList as le, vShow as M } from "vue";
-import { P as se, r as T, _ as j, u as de, a as ie, T as ue, b as re, c as me, O as ce, $ as pe } from "./index-C_l0k6dm.mjs";
-const ve = { class: "setting-content" }, fe = { class: "setting-header flex items-center" }, ye = { class: "setting-body" }, be = { class: "setting-toolbar" }, ge = { class: "tools" }, Ve = { class: "setting-item" }, we = { class: "item-header" }, he = { class: "btn-group" }, ke = {
-  key: 0,
-  class: "drag-handle"
-}, Ce = { class: "components-content" }, xe = /* @__PURE__ */ X({
-  __name: "setting",
-  props: {
-    show: {
-      type: Boolean,
-      default: !1
-    },
-    data: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  emits: ["update:show"],
-  setup(l, { emit: H }) {
-    const B = Z(() => import("vuedraggable")), f = C(!1), J = w(() => ({
-      animation: 200,
-      group: "gallerys",
-      disabled: !1,
-      ghostClass: "ghost",
-      handle: ".drag-handle",
-      filter: ".arco-input, .arco-select, .arco-checkbox",
-      preventOnFilter: !1
-    })), S = (i) => i && i.length > 1, P = l, d = H, K = () => {
-      d("update:show", !1);
-    }, c = (i) => {
-      P.data.data.push({
-        id: T(),
-        type: "Video",
-        videoSrc: "",
-        imgSrc: "",
-        name: "",
-        key: "",
-        componentsDataJson: []
-      });
-    }, O = (i) => {
-      P.data.data = P.data.data.filter((e) => e.id !== i);
-    };
-    return (i, e) => {
-      const y = g("a-option"), p = g("a-select"), x = g("icon-plus"), k = g("a-button"), _ = g("icon-drag-arrow"), A = g("icon-delete"), I = g("a-input"), U = g("a-drawer");
-      return h(), L(U, {
-        width: "60%",
-        visible: l.show,
-        footer: !1,
-        onCancel: K,
-        unmountOnClose: ""
-      }, {
-        title: r(() => [
-          V(F(l.data.type) + "组件编辑 ", 1)
-        ]),
-        default: r(() => [
-          a("div", ve, [
-            a("div", fe, [
-              e[11] || (e[11] = a("span", { class: "header-title" }, "组件宽度", -1)),
-              s(p, {
-                modelValue: l.data.width,
-                "onUpdate:modelValue": e[0] || (e[0] = (o) => l.data.width = o),
-                placeholder: "请选择",
-                "allow-clear": ""
-              }, {
-                default: r(() => [
-                  s(y, { value: "default" }, {
-                    default: r(() => [...e[7] || (e[7] = [
-                      V("默认", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(y, { value: "small" }, {
-                    default: r(() => [...e[8] || (e[8] = [
-                      V("小", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(y, { value: "medium" }, {
-                    default: r(() => [...e[9] || (e[9] = [
-                      V("中", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(y, { value: "max" }, {
-                    default: r(() => [...e[10] || (e[10] = [
-                      V("大", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            a("div", ye, [
-              a("div", be, [
-                e[14] || (e[14] = a("h4", null, "List", -1)),
-                a("div", ge, [
-                  s(k, {
-                    type: "primary",
-                    onClick: e[1] || (e[1] = (o) => c())
-                  }, {
-                    icon: r(() => [
-                      s(x)
-                    ]),
-                    default: r(() => [
-                      e[12] || (e[12] = V(" 添加 Tab ", -1))
-                    ]),
-                    _: 1
-                  }),
-                  s(k, {
-                    type: "primary",
-                    onClick: e[2] || (e[2] = (o) => c())
-                  }, {
-                    default: r(() => [...e[13] || (e[13] = [
-                      V("粘贴 Tab", -1)
-                    ])]),
-                    _: 1
-                  })
-                ])
-              ]),
-              a("div", Ve, [
-                s(R(B), ee({
-                  modelValue: l.data.data,
-                  "onUpdate:modelValue": e[4] || (e[4] = (o) => l.data.data = o),
-                  "component-data": {
-                    tag: "div",
-                    type: "transition-group",
-                    name: f.value ? null : "flip-list"
-                  }
-                }, J.value, {
-                  disabled: !S(l.data.data),
-                  onStart: e[5] || (e[5] = (o) => f.value = !0),
-                  onEnd: e[6] || (e[6] = (o) => f.value = !1),
-                  "item-key": "id"
-                }), {
-                  item: r(({ element: o }) => [
-                    (h(), D("div", {
-                      class: $(["item-button draggable-item", {
-                        "sortable-disabled": !S(l.data.data)
-                      }]),
-                      key: o.id
-                    }, [
-                      a("div", we, [
-                        a("div", null, [
-                          a("h5", null, F(o.name), 1),
-                          a("span", null, F(o.key), 1)
-                        ]),
-                        a("div", he, [
-                          S(l.data.data) ? (h(), D("div", ke, [
-                            s(_, { class: "drag-icon" })
-                          ])) : E("", !0),
-                          s(A, {
-                            class: "btn-delete",
-                            onClick: (v) => O(o.id)
-                          }, null, 8, ["onClick"]),
-                          s(k, {
-                            size: "mini",
-                            type: "primary",
-                            onClick: e[3] || (e[3] = (v) => c())
-                          }, {
-                            default: r(() => [...e[15] || (e[15] = [
-                              V("复制 Tab", -1)
-                            ])]),
-                            _: 1
-                          })
-                        ])
-                      ]),
-                      e[16] || (e[16] = a("p", { class: "item-title" }, "Tab名称", -1)),
-                      s(I, {
-                        modelValue: o.name,
-                        "onUpdate:modelValue": (v) => o.name = v,
-                        placeholder: "请输入标题",
-                        "allow-clear": ""
-                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      e[17] || (e[17] = a("p", { class: "item-title" }, "Key", -1)),
-                      s(I, {
-                        modelValue: o.key,
-                        "onUpdate:modelValue": (v) => o.key = v,
-                        placeholder: "请输入key",
-                        "allow-clear": ""
-                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      e[18] || (e[18] = a("p", null, "components", -1)),
-                      a("div", Ce, [
-                        s(se, {
-                          data: o.componentsDataJson,
-                          onUpdate: (v) => o.componentsDataJson = v
-                        }, null, 8, ["data", "onUpdate"])
-                      ])
-                    ], 2))
-                  ]),
-                  _: 1
-                }, 16, ["modelValue", "component-data", "disabled"])
-              ])
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["visible"]);
-    };
-  }
-}), _e = /* @__PURE__ */ j(xe, [["__scopeId", "data-v-f4b12dfa"]]), $e = { class: "tab-default__content" }, Te = {
-  "data-aos": "fade-in",
-  "data-aos-duration": "1500",
-  class: "aos-init aos-animate"
-}, De = { class: "component-wrapper" }, Se = { class: "tab-timeline__mobile" }, Pe = {
-  __name: "index",
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => {
-      }
-    },
-    // 是否预览
-    isPreview: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["update:modelValue", "handleDelete", "handleCopy", "handlePaste"],
-  setup(l, { emit: H }) {
-    const { proxy: B } = te(), { $_vsWidth: f, $_vsScrollY: J, $vsScreenAddListener: S, $vsScreenDestroyListener: P } = B, d = l, K = H, c = de(), O = ie(), i = C(null), e = C(null), y = w(() => {
-      var t;
-      return (t = d.modelValue) == null ? void 0 : t.data;
-    }), p = C(0), x = C(!1), k = C(!1), _ = C(!1), A = w(() => {
-      var t;
-      return ((t = d.modelValue) == null ? void 0 : t.classes) ?? null;
-    }), I = w(() => {
-      var t;
-      return ((t = d.modelValue) == null ? void 0 : t.style) ?? null;
-    });
-    w(() => {
-      var t;
-      return (t = d.modelValue) == null ? void 0 : t.width;
-    });
-    const U = w(() => {
-      var t;
-      return (t = d.modelValue) == null ? void 0 : t.id;
-    }), o = w(() => {
-      var t;
-      return (t = d.modelValue) != null && t.bgColor ? d.modelValue.bgColor : f.value >= 768 ? "bg-neutral-lightest" : null;
-    }), v = w(() => {
-      var n;
-      if (!((n = d.modelValue) != null && n.data) || !Array.isArray(d.modelValue.data))
-        return [];
-      const t = d.modelValue.data[p.value];
-      return t ? t.componentsDataJson || [] : [];
-    }), W = () => {
-      var n;
-      if (d.modelValue && d.modelValue.data) {
-        setTimeout(() => {
-          var u;
-          selectTab((u = d.modelValue) == null ? void 0 : u.data[0].id);
-        }, 0);
-        return;
-      }
-      const t = {
-        id: ((n = d.modelValue) == null ? void 0 : n.id) || T(),
-        //componentKey
-        type: "TabTimeLine",
-        containerWidth: "",
-        bgColor: "",
-        classes: "custom-class another-class",
-        style: {
-          // marginTop: "20px",
-          // backgroundColor: "#f5f5f5",
-        },
-        width: "container-content-middle",
-        data: [
-          //list
-          {
-            id: T(),
-            key: "11111111",
-            name: "tab1",
-            componentsDataJson: []
-          },
-          {
-            id: T(),
-            key: "2222",
-            name: "tab2",
-            componentsDataJson: []
-          },
-          {
-            id: T(),
-            key: "33333",
-            name: "tab3",
-            componentsDataJson: []
-          }
-        ]
-      };
-      K("update:modelValue", t), p.value = t.data[0].id;
-    }, Y = () => {
-      if (!e.value || !i.value) return;
-      const t = e.value.getBoundingClientRect().top, n = i.value.getBoundingClientRect().top, u = i.value.getBoundingClientRect().bottom, b = +window.getComputedStyle(document.body).getPropertyValue("--header-height-calc").split("px")[0];
-      if (n > b || u < b) {
-        x.value = !1;
-        return;
-      }
-      t <= b && (x.value = !0);
-    }, Q = () => {
-      if (f.value <= 768) return;
-      const t = i.value, u = pe(t).y - 150;
-      window.scroll({ top: u, left: 0, behavior: "smooth" });
-    }, N = () => {
-      var u;
-      const t = c.query.tab_timeline, n = (u = y.value) == null ? void 0 : u.findIndex((b) => b.key == t);
-      n > -1 ? p.value = n : p.value = 0;
-    }, G = (t) => {
-      debugger;
-      p.value = t, O.push({
-        path: c.path,
-        query: {
-          ...c.query,
-          tab_timeline: y.value[t].key
-        },
-        hash: c.hash
-      });
-    };
-    return q(
-      () => J.value,
-      () => {
-        console.log("==========$_vsScrollY.value"), Y();
-      }
-    ), q(p, () => {
-      Q();
-    }), q(
-      () => c.query.tab_line,
-      () => {
-        N();
-      }
-    ), W(), ae(() => {
-      N();
-    }), (t, n) => {
-      var u, b;
-      return h(), D("div", {
-        class: $(["tab-timeline", A.value]),
-        ref_key: "wrapper",
-        ref: i,
-        style: ne(I.value),
-        onMouseover: n[3] || (n[3] = (m) => _.value = !0),
-        onMouseout: n[4] || (n[4] = (m) => _.value = !1)
-      }, [
-        a("div", {
-          class: $(["tab-timeline__wrapper", [(u = l.modelValue) != null && u.width ? `container-content-${(b = l.modelValue) == null ? void 0 : b.width}` : "container-content"]])
-        }, [
-          z(a("div", {
-            class: $(["tab-timeline__desktop", [o.value]])
-          }, [
-            a("div", {
-              class: $(["tab-timeline__hold", { "is-fixed": x.value }])
-            }, [
-              a("div", {
-                class: "tab-timeline__nav",
-                ref_key: "tab",
-                ref: e
-              }, [
-                s(ue, {
-                  list: y.value,
-                  isFixed: x.value,
-                  currentIdx: p.value,
-                  onUpdateIdx: G,
-                  componentKey: U.value
-                }, null, 8, ["list", "isFixed", "currentIdx", "componentKey"])
-              ], 512)
-            ], 2),
-            a("div", $e, [
-              a("div", Te, [
-                (h(!0), D(oe, null, le(v.value, (m, Ie) => (h(), D("div", {
-                  key: m.id,
-                  class: "page-item"
-                }, [
-                  a("div", De, [
-                    s(re, {
-                      type: m.type,
-                      "props-data": { modelValue: m }
-                    }, null, 8, ["type", "props-data"])
-                  ])
-                ]))), 128))
-              ])
-            ])
-          ], 2), [
-            [M, R(f) >= 768]
-          ]),
-          z(a("div", Se, [
-            s(me, {
-              modelValue: l.modelValue,
-              componentKey: U.value
-            }, null, 8, ["modelValue", "componentKey"])
-          ], 512), [
-            [M, R(f) < 768]
-          ]),
-          l.isPreview ? E("", !0) : (h(), L(ce, {
-            key: 0,
-            show: _.value,
-            "onUpdate:show": n[0] || (n[0] = (m) => _.value = m),
-            onHandleEdit: n[1] || (n[1] = (m) => k.value = !0),
-            onHandleDelete: t.handleDelete,
-            onHandleCopy: t.handleCopy,
-            onHandlePaste: t.handlePaste
-          }, null, 8, ["show", "onHandleDelete", "onHandleCopy", "onHandlePaste"]))
-        ], 2),
-        l.isPreview ? E("", !0) : (h(), L(_e, {
-          key: 0,
-          show: k.value,
-          "onUpdate:show": n[2] || (n[2] = (m) => k.value = m),
-          data: l.modelValue
-        }, null, 8, ["show", "data"]))
-      ], 38);
-    };
-  }
-}, Be = /* @__PURE__ */ j(Pe, [["__scopeId", "data-v-1d36ae44"]]);
-export {
-  Be as default
-};

package/dist/index-BlREL57D.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-C0VvLaXk.js");exports.default=e.d;

package/dist/index-BmAKDKvH.mjs

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