command-center-v3-common 0.0.1

package/dist/svg-icon-demo-DW0XS1-Y.js

@@ -0,0 +1,36 @@
+import { resolveComponent as s, openBlock as n, createElementBlock as c, createVNode as t } from "vue";
+import { b as o } from "./command-center-v3-common-C7zcE6rW.js";
+const a = {}, i = { class: "flex items-center justify-center gap-x-3" };
+function m(r, h) {
+  const e = s("SvgIcon");
+  return n(), c("div", i, [
+    t(e, {
+      name: "sys-button-add",
+      width: "26",
+      height: "26",
+      "class-name": "text-hy-main"
+    }),
+    t(e, {
+      name: "sys-button-delete",
+      width: "26",
+      height: "26",
+      "class-name": "text-hy-danger"
+    }),
+    t(e, {
+      name: "sys-button-success",
+      width: "26",
+      height: "26",
+      "class-name": "text-hy-success"
+    }),
+    t(e, {
+      name: "sys-button-tips",
+      width: "26",
+      height: "26",
+      "class-name": "text-hy-warning"
+    })
+  ]);
+}
+const _ = /* @__PURE__ */ o(a, [["render", m]]);
+export {
+  _ as default
+};

package/dist/test-demo-6WlyOn4P.js

@@ -0,0 +1,46 @@
+import { resolveComponent as c, openBlock as i, createElementBlock as s, Fragment as a, createVNode as t, withCtx as e, createTextVNode as r } from "vue";
+import { b as l } from "./command-center-v3-common-C7zcE6rW.js";
+const _ = {};
+function m(p, d) {
+  const o = c("el-button"), n = c("el-popover");
+  return i(), s(a, null, [
+    t(n, {
+      placement: "top-start",
+      title: "Title",
+      width: 200,
+      trigger: "hover",
+      content: "this is content, this is content, this is content"
+    }, {
+      reference: e(() => [
+        t(o, { class: "m-2" }, {
+          default: e(() => [
+            r(" Hover to activate ")
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    t(n, {
+      placement: "bottom",
+      title: "Title",
+      width: 200,
+      trigger: "click",
+      content: "this is content, this is content, this is content"
+    }, {
+      reference: e(() => [
+        t(o, { class: "m-2" }, {
+          default: e(() => [
+            r(" Click to activate ")
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+const u = /* @__PURE__ */ l(_, [["render", m], ["__scopeId", "data-v-89d47af3"]]);
+export {
+  u as default
+};

package/dist/tips-modal-demo-B269tgx7.js

@@ -0,0 +1,98 @@
+import { defineComponent as p, ref as r, resolveComponent as a, openBlock as u, createElementBlock as m, Fragment as d, createElementVNode as T, createVNode as t, withCtx as s, createTextVNode as n } from "vue";
+import { c as y, H as f } from "./command-center-v3-common-C7zcE6rW.js";
+const _ = { class: "flex items-center justify-center gap-x-3" }, w = /* @__PURE__ */ p({
+  __name: "tips-modal-demo",
+  setup(h) {
+    const e = r();
+    function i() {
+      f({
+        width: 440,
+        tipsTitleIcon: "sys-button-delete",
+        tipsTitleIconClass: "text-hy-danger",
+        tipsTitle: "删除",
+        tipsContent: "是否确认删除？",
+        isShowClose: !0,
+        isShowSubmit: !0,
+        closeBtnText: "取消",
+        submitBtnText: "删除",
+        closeBtnType: "primary",
+        submitBtnType: "danger"
+      }, () => {
+        console.log("2");
+      }, () => {
+        console.log("1");
+      });
+    }
+    function l() {
+      e.value.onShowModal({
+        width: 440,
+        tipsTitleIcon: "sys-button-delete",
+        tipsTitleIconClass: "text-hy-danger",
+        tipsTitle: "删除",
+        tipsContent: "是否确认删除？",
+        isShowClose: !0,
+        isShowSubmit: !0,
+        closeBtnText: "取消",
+        submitBtnText: "删除",
+        closeBtnType: "primary",
+        submitBtnType: "danger"
+      });
+    }
+    function c() {
+      e.value.onShowModal({
+        width: 440,
+        tipsTitleIcon: "sys-button-jump",
+        tipsTitleIconClass: "text-hy-success",
+        tipsTitle: "跳转",
+        tipsContent: "是否确认跳转？",
+        isShowClose: !0,
+        isShowSubmit: !0,
+        closeBtnText: "取消",
+        submitBtnText: "跳转",
+        closeBtnType: "primary",
+        submitBtnType: "success"
+      });
+    }
+    return (x, C) => {
+      const o = a("el-button");
+      return u(), m(d, null, [
+        T("div", _, [
+          t(o, {
+            type: "danger",
+            onClick: i
+          }, {
+            default: s(() => [
+              n(" test ")
+            ]),
+            _: 1
+          }),
+          t(o, {
+            type: "danger",
+            onClick: l
+          }, {
+            default: s(() => [
+              n(" 删除 ")
+            ]),
+            _: 1
+          }),
+          t(o, {
+            type: "primary",
+            onClick: c
+          }, {
+            default: s(() => [
+              n(" 跳转 ")
+            ]),
+            _: 1
+          })
+        ]),
+        t(y, {
+          ref_key: "tipsModalRef",
+          ref: e
+        }, null, 512)
+      ], 64);
+    };
+  }
+});
+export {
+  w as default
+};

package/dist/user-head-demo-COeyn4zo.js

@@ -0,0 +1,66 @@
+import { defineComponent as o, ref as l, openBlock as r, createElementBlock as d, createVNode as t, normalizeStyle as n, unref as a, normalizeClass as c, withCtx as x, createElementVNode as p } from "vue";
+import { e as s } from "./command-center-v3-common-C7zcE6rW.js";
+const h = { class: "flex items-center justify-center gap-x-3" }, y = /* @__PURE__ */ o({
+  __name: "user-head-demo",
+  setup(i) {
+    const e = l({
+      headImg: "",
+      audioContextType: !1,
+      onlineState: 1,
+      gbDevice: 1
+    });
+    return (m, u) => (r(), d("div", h, [
+      t(s, {
+        url: "",
+        "head-box-class-name": "w-[28px] h-[28px]"
+      }),
+      t(s, {
+        url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+        "head-box-class-name": "w-[28px] h-[28px]",
+        "class-name": "w-[18px] h-[18px]",
+        name: "user-head-demo-user"
+      }),
+      t(s, {
+        url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+        "head-box-class-name": "w-[36px] h-[36px]",
+        "class-name": "w-[18px] h-[18px]"
+      }),
+      t(s, {
+        style: n({
+          background: "linear-gradient(180deg, #5A2120 0%, #C81F12 100%)",
+          color: "#FDE777"
+        }),
+        "gb-device": !0,
+        "head-box-class-name": "w-[28px] h-[28px] text-xs",
+        "class-name": "w-[18px] h-[18px]",
+        name: "user-head-demo-user"
+      }, null, 8, ["style"]),
+      t(s, {
+        url: a(e).headImg,
+        class: c({
+          "!border-hy-main": a(e).audioContextType,
+          "text-hy-text-primary": a(e).onlineState === 1 && a(e).gbDevice !== 1,
+          "text-hy-gb-device-text": a(e).onlineState === 1 && a(e).gbDevice === 1
+        }),
+        style: n(a(e).onlineState === 1 && a(e).gbDevice === 1 ? "background:var(--hy-gb-device-background)" : ""),
+        "gb-device": !0,
+        "head-box-class-name": "w-[60px] h-[60px] z-[1] bg-hy-page-bg-2 text-base relative",
+        "class-name": "w-[56%] h-[56%]",
+        name: "sys-icon-user-head"
+      }, {
+        content: x(() => [
+          p("span", {
+            class: c([{
+              "bg-hy-success shadow-hy-success": a(e).onlineState === 1,
+              "bg-hy-text-secondary shadow-hy-text-secondary": a(e).onlineState !== 1
+            }, "absolute bottom-[2px] right-[2px] w-[14px] h-[14px] rounded-full shadow-[0_0_10px_0]"])
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["url", "class", "style"])
+    ]));
+  }
+});
+export {
+  y as default
+};

package/dist/vue-cropper-demo-D2NrtovK.js

@@ -0,0 +1,93 @@
+import { defineComponent as _, ref as p, resolveComponent as i, openBlock as g, createElementBlock as v, Fragment as h, createElementVNode as r, unref as x, createVNode as t, withCtx as c, createTextVNode as s } from "vue";
+import { f as C } from "./command-center-v3-common-C7zcE6rW.js";
+const w = { class: "flex flex-col items-center justify-center gap-6" }, y = ["src"], b = { class: "flex items-center gap-x-3" }, S = /* @__PURE__ */ _({
+  __name: "vue-cropper-demo",
+  setup(B) {
+    const e = p(), a = p("https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg");
+    async function f() {
+      const n = {
+        img: a.value
+      };
+      await e.value.onShowModal(n), a.value = await e.value.getCropData();
+    }
+    function u() {
+      a.value = "https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg";
+    }
+    async function d(n) {
+      const o = {
+        img: await e.value.getBlobToData(n),
+        outputType: "png",
+        // 裁剪生成图片的格式
+        canScale: !0,
+        // 图片是否允许滚轮缩放
+        fixedBox: !0,
+        // 固定截图框大小 不允许改变
+        infoTrue: !1,
+        // 是否开启截图框宽高固定比例
+        autoCropWidth: 70,
+        autoCropHeight: 70,
+        centerBox: !1,
+        original: !0,
+        fixed: !1
+      };
+      await e.value.onShowModal(o);
+      const l = await e.value.getCropBlob();
+      console.log(l);
+    }
+    return (n, m) => {
+      const o = i("el-button"), l = i("el-upload");
+      return g(), v(h, null, [
+        r("div", w, [
+          r("img", {
+            src: x(a),
+            class: "rounded-xl"
+          }, null, 8, y),
+          t(l, {
+            accept: ".png,.jpg,.gif",
+            "before-upload": d,
+            action: "",
+            class: "relative group overflow-hidden",
+            "show-file-list": !1
+          }, {
+            default: c(() => [
+              t(o, { type: "primary" }, {
+                default: c(() => [
+                  s(" 上传图片 ")
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          r("div", b, [
+            t(o, {
+              type: "primary",
+              onClick: f
+            }, {
+              default: c(() => [
+                s(" 图片裁剪 ")
+              ]),
+              _: 1
+            }),
+            t(o, {
+              type: "primary",
+              onClick: u
+            }, {
+              default: c(() => [
+                s(" 还原 ")
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        t(C, {
+          ref_key: "vueCropper",
+          ref: e
+        }, null, 512)
+      ], 64);
+    };
+  }
+});
+export {
+  S as default
+};

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "command-center-v3-common",
+  "type": "module",
+  "version": "0.0.1",
+  "main": "dist/command-center-v3-common.js",
+  "module": "dist/command-center-v3-common.umd.cjs",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "dev-huayu": "cross-env VERSION_NAME=huayu vite",
+    "dev-tiantong": "cross-env VERSION_NAME=tiantong vite",
+    "build": "vite build",
+    "build-huayu": "cross-env VERSION_NAME=huayu vite build",
+    "build-tiantong": "cross-env VERSION_NAME=tiantong vite build",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prepare": "husky install",
+    "commit": "cz",
+    "build:like-ui": "npx vite build"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "axios": "^1.6.7",
+    "debug": "^4.3.4",
+    "element-plus": "^2.5.3",
+    "pinia": "^2.1.7",
+    "vue": "^3.3.11",
+    "vue-cropper": "^1.1.1",
+    "vue-router": "^4.2.5",
+    "vue3-virtual-scroll-list": "^0.2.1"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^2.6.3",
+    "@commitlint/config-conventional": "^18.5.0",
+    "@iconify-json/ep": "^1.1.14",
+    "@rushstack/eslint-patch": "^1.3.3",
+    "@tsconfig/node18": "^18.2.2",
+    "@types/node": "^18.19.3",
+    "@vitejs/plugin-basic-ssl": "^1.1.0",
+    "@vitejs/plugin-vue": "^4.5.2",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/tsconfig": "^0.5.0",
+    "autoprefixer": "^10.4.17",
+    "commitizen": "^4.3.0",
+    "commitlint": "^18.5.0",
+    "cross-env": "^7.0.3",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint": "^8.49.0",
+    "eslint-plugin-vue": "^9.17.0",
+    "husky": "^8.0.3",
+    "less": "^4.2.0",
+    "lint-staged": "^15.2.0",
+    "npm-run-all2": "^6.1.1",
+    "postcss": "^8.4.33",
+    "tailwindcss": "^3.4.1",
+    "typescript": "~5.3.0",
+    "unplugin-auto-import": "^0.17.3",
+    "unplugin-icons": "^0.18.2",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.0.10",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vue-tsc": "^1.8.25"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx,vue,ts,tsx,less,css}": "eslint ."
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  }
+}