@web-utils/component 2.0.14 → 2.2.0

package/notice/index.mjs

@@ -0,0 +1,143 @@
+import { n as l } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var o = function() {
+  var t = this, a = t.$createElement, e = t._self._c || a;
+  return e("div", {
+    staticClass: "avue-notice"
+  }, [t._l(t.data, function(s, r) {
+    return e("div", {
+      key: r,
+      staticClass: "avue-notice__item",
+      on: {
+        click: function(g) {
+          return t.click(s);
+        }
+      }
+    }, [s[t.imgKey] ? e("div", {
+      staticClass: "avue-notice__img"
+    }, [e("img", {
+      attrs: {
+        src: s[t.imgKey],
+        alt: ""
+      }
+    })]) : t._e(), e("div", {
+      staticClass: "avue-notice__content"
+    }, [e("div", {
+      staticClass: "avue-notice__title"
+    }, [e("span", {
+      staticClass: "avue-notice__name"
+    }, [t._v(t._s(s[t.titleKey]))]), s[t.tagKey] ? e("span", {
+      staticClass: "avue-notice__tag"
+    }, [e("ElTag", {
+      attrs: {
+        size: "small",
+        type: t.getType(s[t.statusKey])
+      }
+    }, [t._v(t._s(s[t.tagKey]))])], 1) : t._e()]), e("div", {
+      staticClass: "avue-notice__subtitle"
+    }, [t._v(" " + t._s(s[t.subtitleKey]) + " ")])])]);
+  }), t.finish ? t._e() : e("div", {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: t.loading,
+      expression: "loading"
+    }],
+    staticClass: "avue-notice__more",
+    on: {
+      click: t.handleClick
+    }
+  }, [t._v(" 加载更多 ")])], 2);
+}, c = [];
+const i = {
+  img: "img",
+  title: "title",
+  subtile: "title",
+  tag: "tag",
+  status: "status"
+}, u = {
+  name: "Notice",
+  props: {
+    finish: {
+      type: Boolean,
+      default: !1
+    },
+    option: {
+      type: Object,
+      default: () => ({})
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      page: 1,
+      loading: !1
+    };
+  },
+  computed: {
+    props() {
+      return this.option.props || i;
+    },
+    imgKey() {
+      return this.props.img || i.img;
+    },
+    titleKey() {
+      return this.props.title || i.title;
+    },
+    subtitleKey() {
+      return this.props.subtitle || i.subtitle;
+    },
+    tagKey() {
+      return this.props.tag || i.tag;
+    },
+    statusKey() {
+      return this.props.status || i.status;
+    }
+  },
+  methods: {
+    click(t) {
+      this.$emit("click", t);
+    },
+    handleClick() {
+      this.loading = !0;
+      const t = () => {
+        this.loading = !1;
+      };
+      this.page++, this.$emit("page-change", this.page, t);
+    },
+    getType(t = 0) {
+      if (t === 0)
+        return "info";
+      if (t === 1)
+        return "";
+      if (t === 2)
+        return "warning";
+      if (t === 3)
+        return "danger";
+      if (t === 4)
+        return "success";
+    }
+  }
+}, n = {};
+var _ = /* @__PURE__ */ l(
+  u,
+  o,
+  c,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(t) {
+  for (let a in n)
+    this[a] = n[a];
+}
+const d = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  d as default
+};

package/notice/style.css

@@ -0,0 +1 @@
+.avue-notice__item{text-align:left;cursor:pointer;border-bottom:1px solid #e8eaec;align-items:flex-start;padding:12px 24px;transition:background-color .2s ease-in-out;display:flex}.avue-notice__content{flex:1}.avue-notice__img{border-radius:100%;width:38px;height:38px;margin-top:5px;margin-right:10px;overflow:hidden}.avue-notice__img img{width:100%;height:100%}.avue-notice__name{line-height:25px}.avue-notice__title{color:#515a6e;margin-bottom:4px;font-size:14px;font-weight:400;line-height:22px}.avue-notice__tag{float:right;margin-top:2px}.avue-notice__subtitle{color:#808695;font-size:12px}.avue-notice__more{color:#2d8cf0;text-align:center;cursor:pointer;padding:10px 0}

package/package.json

@@ -1,163 +1,56 @@
 {
   "name": "@web-utils/component",
-  "version": "2.0.14",
-  "type": "module",
-  "private": false,
+  "description": "Web Components",
+  "version": "2.2.0",
+  "author": "Simple",
   "license": "MIT",
-  "main": "./dist/index.es.js",
-  "module": "./dist/index.es.js",
+  "type": "module",
+  "main": "./index.mjs",
+  "module": "./index.mjs",
   "exports": {
     ".": {
-      "require": "./dist/index.es.js",
-      "import": "./dist/index.es.js"
+      "import": "./index.mjs"
     },
     "./*": "./*"
   },
-  "files": [
-    "dist",
-    "web-types.json"
-  ],
   "web-types": "web-types.json",
-  "scripts": {
-    "dev": "vite --host",
-    "serve": "vite preview",
-    "build": "vite build",
-    "build:lib": "node scripts/build.js",
-    "release": "npm run build:lib && npm publish --access public",
-    "lint": "eslint src/**/*.{js,jsx,ts,vue} --fix",
-    "stylelint": "stylelint src/**/*.{scss,css,vue} --fix"
-  },
+  "sideEffects": [
+    "*.css",
+    "*.scss",
+    "*.sass"
+  ],
   "dependencies": {
     "@tinymce/tinymce-vue": "3.2.8",
-    "@web-utils/core": "^2.0.6",
-    "codemirror": "^5.65.11",
-    "echarts": "^5.4.1",
-    "element-ui": "2.15.6",
-    "lodash": "^4.17.21",
-    "overlayscrollbars": "^1.13.3",
-    "photoswipe": "^4.1.3",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^1.0.2",
+    "@web-utils/core": "^2.2.1",
+    "@web-utils/integrations": "^2.2.1",
+    "@web-utils/vue": "^2.2.1",
+    "bpmn-js": "^14.1.1",
+    "bpmn-js-token-simulation": "^0.31.1",
+    "codemirror": "^5.65.15",
+    "core-js": "^3.33.0",
+    "countup.js": "^2.8.0",
+    "dayjs": "^1.11.10",
+    "diagram-js": "12.5.0",
+    "echarts": "^5.4.3",
+    "highlight.js": "^11.9.0",
+    "lodash-es": "^4.17.21",
+    "min-dash": "^4.1.1",
+    "min-dom": "^4.1.0",
+    "monaco-editor": "^0.44.0",
+    "overlayscrollbars": "^2.4.1",
+    "photoswipe": "^5.4.2",
+    "qrcode": "^1.5.3",
+    "quill": "^1.3.7",
     "resize-detector": "^0.3.0",
     "simple-uploader.js": "^0.6.0",
-    "tinymce": "4.5.12",
-    "viewerjs": "^1.11.1"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.20.2",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@types/lodash": "^4.14.191",
-    "@types/node": "^16.18.10",
-    "@types/qrcode": "^1.5.0",
-    "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^5.47.0",
-    "@typescript-eslint/parser": "^5.47.0",
-    "@vue/babel-preset-jsx": "^1.4.0",
-    "@vue/eslint-config-typescript": "^11.0.2",
-    "@web-utils/stylelint-config-scss": "^1.0.2",
-    "chalk": "^5.2.0",
-    "eslint": "^8.30.0",
-    "eslint-plugin-vue": "^9.8.0",
-    "globby": "^13.1.3",
-    "sass": "^1.57.1",
-    "slash": "^5.0.0",
-    "stylelint": "^14.16.0",
-    "typescript": "^4.6.4",
-    "vite": "^4.0.3",
-    "vite-plugin-inspect": "^0.7.11",
-    "vite-plugin-style-import": "^1.4.1",
-    "vite-plugin-vue2": "^2.0.3",
-    "vue": "^2.7.14",
-    "vue-docgen-api": "^4.56.2",
-    "vue-router": "^3.6.5",
-    "vue-template-compiler": "^2.7.14"
-  },
-  "stylelint": {
-    "extends": [
-      "@web-utils/stylelint-config-scss"
-    ],
-    "rules": {
-      "max-nesting-depth": 6,
-      "at-rule-no-unknown": [
-        true,
-        {
-          "ignoreAtRules": [
-            "function",
-            "if",
-            "return",
-            "include",
-            "extend",
-            "mixin",
-            "else",
-            "while",
-            "for",
-            "use",
-            "each"
-          ]
-        }
-      ]
-    }
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "vue/setup-compiler-macros": true
-    },
-    "globals": {},
-    "parser": "vue-eslint-parser",
-    "parserOptions": {
-      "parser": "@typescript-eslint/parser",
-      "sourceType": "module",
-      "ecmaVersion": 2020,
-      "ecmaFeatures": {
-        "jsx": true
-      }
-    },
-    "extends": [
-      "@vue/typescript",
-      "plugin:vue/recommended"
-    ],
-    "rules": {
-      "semi": [
-        "error",
-        "never"
-      ],
-      "quotes": [
-        "error",
-        "single"
-      ],
-      "vue/no-deprecated-dollar-listeners-api": "off",
-      "vue/multi-word-component-names": "off",
-      "vue/no-v-html": "off",
-      "vue/require-default-prop": "off",
-      "vue/no-deprecated-destroyed-lifecycle": "off",
-      "vue/html-closing-bracket-newline": [
-        "error",
-        {
-          "singleline": "never",
-          "multiline": "never"
-        }
-      ],
-      "vue/max-attributes-per-line": [
-        "error",
-        {
-          "singleline": 1000,
-          "multiline": 1
-        }
-      ],
-      "vue/first-attribute-linebreak": [
-        "error",
-        {
-          "singleline": "ignore",
-          "multiline": "beside"
-        }
-      ],
-      "vue/html-closing-bracket-spacing": [
-        "error",
-        {
-          "startTag": "never",
-          "endTag": "never",
-          "selfClosingTag": "never"
-        }
-      ]
-    }
+    "tiny-svg": "^3.0.1",
+    "tinymce": "4.9.11",
+    "video.js": "^8.6.0",
+    "viewerjs": "^1.11.6",
+    "vue-cropper": "^0.6.4",
+    "vuedraggable": "^2.24.3",
+    "x2js": "^3.4.4"
   }
 }

package/{dist/components/page/index.js → page/index.mjs}

@@ -1,5 +1,5 @@
-import { n as o } from "../../chunks/5d4282fb.js";
-var l = function() {
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var r = function() {
   var e = this, t = e.$createElement, a = e._self._c || t;
   return a("div", {
     staticClass: "page flex-row flex-item",
@@ -7,7 +7,7 @@ var l = function() {
       vertical: e.vertical && !e.horizontal
     }
   }, [e._t("default")], 2);
-}, r = [];
+}, l = [];
 const s = {
   name: "Page",
   props: {
@@ -18,22 +18,22 @@ const s = {
     horizontal: Boolean
   }
 }, n = {};
-var _ = /* @__PURE__ */ o(
+var c = /* @__PURE__ */ o(
   s,
-  l,
   r,
+  l,
   !1,
-  c,
+  i,
   null,
   null,
   null
 );
-function c(e) {
+function i(e) {
   for (let t in n)
     this[t] = n[t];
 }
 const u = /* @__PURE__ */ function() {
-  return _.exports;
+  return c.exports;
 }();
 export {
   u as default

package/{dist/components/page-header/index.js → page-header/index.mjs}

@@ -1,5 +1,5 @@
-import { n as a } from "../../chunks/5d4282fb.js";
-var r = function() {
+import { n as r } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var a = function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {
     staticClass: "egd-header flex-row egd-page-header"
@@ -34,17 +34,17 @@ const s = {
     }
   }
 }, l = {};
-var o = /* @__PURE__ */ a(
+var o = /* @__PURE__ */ r(
   s,
-  r,
+  a,
   i,
   !1,
-  _,
+  c,
   null,
   null,
   null
 );
-function _(e) {
+function c(e) {
   for (let t in l)
     this[t] = l[t];
 }

package/{dist/components/page-index/index.js → page-index/index.mjs}

@@ -1,6 +1,22 @@
-import { treeToArray as d, findFirstMatchNode as n } from "@web-utils/core";
-import { n as o } from "../../chunks/5d4282fb.js";
-var l = function() {
+var r = (t, a, e) => new Promise((s, i) => {
+  var u = (n) => {
+    try {
+      o(e.next(n));
+    } catch (d) {
+      i(d);
+    }
+  }, l = (n) => {
+    try {
+      o(e.throw(n));
+    } catch (d) {
+      i(d);
+    }
+  }, o = (n) => n.done ? s(n.value) : Promise.resolve(n.value).then(u, l);
+  o((e = e.apply(t, a)).next());
+});
+import { treeToArray as p, findFirstMatchNode as h } from "@web-utils/core";
+import { n as f } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var y = function() {
   var t = this, a = t.$createElement, e = t._self._c || a;
   return e("div", {
     staticClass: "egd-container"
@@ -57,8 +73,8 @@ var l = function() {
       staticClass: "page-index-content-empty"
     }, [t._v(" " + t._s(t.tips) + " ")])];
   })], 2)]);
-}, c = [];
-const h = {
+}, m = [];
+const _ = {
   name: "PageIndex",
   props: {
     menus: {
@@ -106,46 +122,54 @@ const h = {
     this.setCurrentKey(this.$route.path);
   },
   methods: {
-    async activeFirstMenu() {
-      if (d(this.menus).map((a) => a.path).filter((a) => a).includes(this.$route.path))
-        await this.setCurrentKey(this.$route.path);
-      else {
-        const a = n(this.menus, (e) => e.path);
-        a && (await this.$router.push({ path: a.path, query: a.query }), await this.setCurrentKey(a.path));
-      }
+    activeFirstMenu() {
+      return r(this, null, function* () {
+        if (p(this.menus).map((a) => a.path).filter((a) => a).includes(this.$route.path))
+          yield this.setCurrentKey(this.$route.path);
+        else {
+          const a = h(this.menus, (e) => e.path);
+          a && (yield this.$router.push({ path: a.path, query: a.query }), yield this.setCurrentKey(a.path));
+        }
+      });
     },
-    async onNodeClick(t) {
-      t.path && t.path.indexOf("/") > -1 && await this.$router.push({ path: t.path, query: t.query }), await this.setCurrentKey(t.key);
+    onNodeClick(t) {
+      return r(this, null, function* () {
+        t.path && t.path.indexOf("/") > -1 && (yield this.$router.push({ path: t.path, query: t.query })), yield this.setCurrentKey(t.key);
+      });
     },
-    async setCurrentKey(t) {
-      await this.$nextTick(), this.$refs.menuTree && this.$refs.menuTree.setCurrentKey(t);
+    setCurrentKey(t) {
+      return r(this, null, function* () {
+        yield this.$nextTick(), this.$refs.menuTree && this.$refs.menuTree.setCurrentKey(t);
+      });
     },
-    async beforeRouteUpdate(t, a, e) {
-      if (t.path === this.schema) {
-        const s = n(this.menus, (i) => i.path);
-        s ? (await e({ path: s.path, query: s.query }), await this.setCurrentKey(s.path)) : await e(!1);
-      } else
-        await e(), await this.setCurrentKey(this.$route.path);
+    beforeRouteUpdate(t, a, e) {
+      return r(this, null, function* () {
+        if (t.path === this.schema) {
+          const s = h(this.menus, (i) => i.path);
+          s ? (yield e({ path: s.path, query: s.query }), yield this.setCurrentKey(s.path)) : yield e(!1);
+        } else
+          yield e(), yield this.setCurrentKey(this.$route.path);
+      });
     }
   }
-}, r = {};
-var p = /* @__PURE__ */ o(
-  h,
-  l,
-  c,
-  !1,
+}, c = {};
+var v = /* @__PURE__ */ f(
+  _,
   y,
+  m,
+  !1,
+  C,
   null,
   null,
   null
 );
-function y(t) {
-  for (let a in r)
-    this[a] = r[a];
+function C(t) {
+  for (let a in c)
+    this[a] = c[a];
 }
-const m = /* @__PURE__ */ function() {
-  return p.exports;
+const $ = /* @__PURE__ */ function() {
+  return v.exports;
 }();
 export {
-  m as default
+  $ as default
 };

package/page-index/style.css

@@ -0,0 +1 @@
+.page-index-content{flex-direction:column;flex:auto;height:100%;padding:0;display:flex;overflow:hidden}.page-index-content-empty{color:gray;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex}

package/page-index-top/index.mjs

@@ -0,0 +1,141 @@
+var i = (t, a, e) => new Promise((n, r) => {
+  var p = (s) => {
+    try {
+      u(e.next(s));
+    } catch (o) {
+      r(o);
+    }
+  }, h = (s) => {
+    try {
+      u(e.throw(s));
+    } catch (o) {
+      r(o);
+    }
+  }, u = (s) => s.done ? n(s.value) : Promise.resolve(s.value).then(p, h);
+  u((e = e.apply(t, a)).next());
+});
+import { treeToArray as m, findFirstMatchNode as c } from "@web-utils/core";
+import { n as f } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var d = function() {
+  var t = this, a = t.$createElement, e = t._self._c || a;
+  return t.menus && t.menus.length ? e("PageSkeleton", {
+    scopedSlots: t._u([{
+      key: "header",
+      fn: function() {
+        return [e("PageHeader", {
+          scopedSlots: t._u([{
+            key: "section-title",
+            fn: function() {
+              return [e("ElTabs", {
+                on: {
+                  "tab-click": t.tabClick
+                },
+                model: {
+                  value: t.activeTab,
+                  callback: function(n) {
+                    t.activeTab = n;
+                  },
+                  expression: "activeTab"
+                }
+              }, t._l(t.menus, function(n) {
+                return e("ElTabPane", {
+                  key: n.path,
+                  attrs: {
+                    label: n.label,
+                    name: `${n.path}`
+                  }
+                });
+              }), 1)];
+            },
+            proxy: !0
+          }], null, !1, 412017982)
+        })];
+      },
+      proxy: !0
+    }], null, !1, 2288233724)
+  }, [t._t("default", function() {
+    return [e("EmptyView", {
+      attrs: {
+        "empty-tips": t.tips
+      }
+    })];
+  })], 2) : e("EmptyView", {
+    attrs: {
+      "empty-tips": "暂无权限！"
+    }
+  });
+}, y = [];
+const _ = {
+  name: "PageIndexTop",
+  props: {
+    menus: {
+      type: Array,
+      default: () => []
+    },
+    tips: {
+      type: String,
+      default: "请添加页面内容！"
+    },
+    schema: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      activeTab: ""
+    };
+  },
+  watch: {
+    menus: "activeFirstMenu"
+  },
+  mounted() {
+    this.activeFirstMenu();
+  },
+  methods: {
+    activeFirstMenu() {
+      return i(this, null, function* () {
+        if (m(this.menus).map((a) => a.path).filter((a) => a).includes(this.$route.path))
+          this.activeTab = this.$route.path;
+        else {
+          const a = c(this.menus, (e) => e.path);
+          a && (this.activeTab = a.path, yield this.$router.push({ path: a.path, query: a.query }));
+        }
+      });
+    },
+    tabClick(t) {
+      return i(this, null, function* () {
+        yield this.$router.push(t.name);
+      });
+    },
+    beforeRouteUpdate(t, a, e) {
+      return i(this, null, function* () {
+        if (t.path === this.schema) {
+          const n = c(this.menus, (r) => r.path);
+          n ? (yield e({ path: n.path, query: n.query }), this.activeTab = n.path) : yield e(!1);
+        } else
+          yield e();
+      });
+    }
+  }
+}, l = {};
+var v = /* @__PURE__ */ f(
+  _,
+  d,
+  y,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(t) {
+  for (let a in l)
+    this[a] = l[a];
+}
+const g = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  g as default
+};