@web-utils/component 2.0.13 → 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.13",
-  "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/page/index.mjs

@@ -0,0 +1,40 @@
+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",
+    class: {
+      vertical: e.vertical && !e.horizontal
+    }
+  }, [e._t("default")], 2);
+}, l = [];
+const s = {
+  name: "Page",
+  props: {
+    vertical: {
+      type: Boolean,
+      default: !0
+    },
+    horizontal: Boolean
+  }
+}, n = {};
+var c = /* @__PURE__ */ o(
+  s,
+  r,
+  l,
+  !1,
+  i,
+  null,
+  null,
+  null
+);
+function i(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const u = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  u as default
+};

package/page/style.css

@@ -0,0 +1 @@
+.page{height:100%}.page.vertical{flex-direction:column}

package/page-header/index.mjs

@@ -0,0 +1,56 @@
+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"
+  }, [e._t("section-title", function() {
+    return [n("span", {
+      staticClass: "section-title"
+    }, [e._t("title", function() {
+      return [e._v(e._s(e.title))];
+    }, {
+      title: e.title
+    })], 2)];
+  }, {
+    title: e.title
+  }), n("div", {
+    staticClass: "flex-row flex-item vertical-center"
+  }, [n("div", {
+    class: ["flex-row", "flex-item", "vertical-center", {
+      "align-end": e.alignEnd
+    }]
+  }, [e._t("default")], 2)])], 2);
+}, i = [];
+const s = {
+  name: "PageHeader",
+  props: {
+    title: {
+      type: String,
+      default: "标题"
+    },
+    alignEnd: {
+      type: Boolean,
+      default: !0
+    }
+  }
+}, l = {};
+var o = /* @__PURE__ */ r(
+  s,
+  a,
+  i,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const u = /* @__PURE__ */ function() {
+  return o.exports;
+}();
+export {
+  u as default
+};

package/page-header/style.css

@@ -0,0 +1 @@
+.egd-page-header{height:40px;margin:0 10px;line-height:40px}.egd-page-header .align-end{justify-content:flex-end}

package/page-index/index.mjs

@@ -0,0 +1,175 @@
+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"
+  }, [t.aside ? e("div", {
+    staticClass: "egd-aside",
+    style: {
+      width: t.asideWidth
+    }
+  }, [t._t("aside", function() {
+    return [e("div", {
+      staticClass: "egd-main"
+    }, [t._t("nav-top"), e("div", {
+      staticClass: "egd-header"
+    }, [e("span", {
+      staticClass: "section-title flex-not-shrink"
+    }, [t._v(t._s(t.sectionTitle))])]), t._t("menu", function() {
+      return [e("ElTree", {
+        ref: "menuTree",
+        attrs: {
+          data: t.menus,
+          "default-expand-all": "",
+          props: t.defaultProps,
+          "highlight-current": "",
+          "empty-text": "请配置菜单！",
+          "default-expanded-keys": t.currentTreeKey,
+          "node-key": "key"
+        },
+        on: {
+          "node-click": t.onNodeClick
+        },
+        scopedSlots: t._u([{
+          key: "default",
+          fn: function(s) {
+            var i = s.data, u = s.node;
+            return [t._t("tree-node", function() {
+              return [e("span", [e("i", {
+                class: i.icon
+              }), t._v(" " + t._s(i.label))])];
+            }, {
+              data: i,
+              node: u
+            })];
+          }
+        }], null, !0)
+      })];
+    })], 2)];
+  })], 2) : t._e(), e("div", {
+    staticClass: "page-index-content",
+    style: {
+      width: t.aside ? `calc(100% - ${t.asideWidth})` : "100%"
+    }
+  }, [t._t("default", function() {
+    return [e("div", {
+      staticClass: "page-index-content-empty"
+    }, [t._v(" " + t._s(t.tips) + " ")])];
+  })], 2)]);
+}, m = [];
+const _ = {
+  name: "PageIndex",
+  props: {
+    menus: {
+      type: Array,
+      default: () => []
+    },
+    asideWidth: {
+      type: String,
+      default: "220px"
+    },
+    aside: {
+      type: Boolean,
+      default: !0
+    },
+    tips: {
+      type: String,
+      default: "请添加页面内容！"
+    },
+    sectionTitle: {
+      type: String,
+      default: "功能导航"
+    },
+    schema: {
+      type: String,
+      default: ""
+    },
+    currentTreeKey: {
+      type: Array,
+      default: () => []
+    },
+    defaultProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  watch: {
+    menus() {
+      this.setCurrentKey(this.$route.path);
+    }
+  },
+  mounted() {
+    this.activeFirstMenu();
+  },
+  activated() {
+    this.setCurrentKey(this.$route.path);
+  },
+  methods: {
+    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));
+        }
+      });
+    },
+    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);
+      });
+    },
+    setCurrentKey(t) {
+      return r(this, null, function* () {
+        yield this.$nextTick(), this.$refs.menuTree && this.$refs.menuTree.setCurrentKey(t);
+      });
+    },
+    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);
+      });
+    }
+  }
+}, c = {};
+var v = /* @__PURE__ */ f(
+  _,
+  y,
+  m,
+  !1,
+  C,
+  null,
+  null,
+  null
+);
+function C(t) {
+  for (let a in c)
+    this[a] = c[a];
+}
+const $ = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  $ 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}