@bdsoft/element 1.1.25 → 1.1.27

package/dist/es/src/xm_components/StatisticalCard/index.vue.js

@@ -0,0 +1,164 @@
+const { ref: ref, watch: watch, resolveComponent: resolveComponent, createElementBlock: createElementBlock, createCommentVNode: createCommentVNode, openBlock: openBlock, normalizeStyle: normalizeStyle, createElementVNode: createElementVNode, createVNode: createVNode, createBlock: createBlock, toDisplayString: toDisplayString, withCtx: withCtx, createTextVNode: createTextVNode, normalizeClass: normalizeClass, resolveDynamicComponent: resolveDynamicComponent } = Vue;
+import "./index.vue2.js";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "data-item" };
+const _hoisted_2 = { class: "title-row" };
+const _hoisted_3 = { class: "title" };
+const _hoisted_4 = {
+  key: 0,
+  class: "extra-row"
+};
+const _hoisted_5 = { class: "extra-item" };
+const _hoisted_6 = { class: "extra-item" };
+const _hoisted_7 = {
+  class: "extra-item",
+  style: { "color": "#595858" }
+};
+const _hoisted_8 = { class: "trend" };
+const _sfc_main = {
+  __name: "index",
+  props: {
+    // 组件默认宽度
+    width: {
+      type: String,
+      default: "350px"
+    },
+    // 右上角提示信息
+    tip: {
+      type: String,
+      default: ""
+    },
+    // 数据列表 格式参考readme
+    dataList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const _datas = ref([]);
+    const props = __props;
+    const handleItemClick = (item, index2) => {
+      if (item && item.onClick) {
+        item.onClick(item, index2);
+      }
+    };
+    watch(
+      () => props.dataList,
+      (newVal) => {
+        if (newVal && newVal.length > 0) {
+          _datas.value = newVal;
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      const _component_question_filled = resolveComponent("question-filled");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_divider = resolveComponent("el-divider");
+      return _datas.value && _datas.value != "" ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "investment-card",
+        style: normalizeStyle({ width: __props.width })
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("span", _hoisted_3, toDisplayString((_a = _datas.value[0]) == null ? void 0 : _a.title), 1),
+            __props.tip ? (openBlock(), createBlock(_component_el_tooltip, {
+              key: 0,
+              content: __props.tip,
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_icon, {
+                  size: "16px",
+                  class: "info-icon"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_question_filled)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["content"])) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", {
+            class: "value",
+            style: normalizeStyle({
+              color: ((_b = _datas.value[0]) == null ? void 0 : _b.valueColor) || "#000",
+              cursor: ((_c = _datas.value[0]) == null ? void 0 : _c.onClick) ? "pointer" : "default"
+            }),
+            onClick: _cache[0] || (_cache[0] = ($event) => handleItemClick(_datas.value[0], 0))
+          }, toDisplayString((_d = _datas.value[0]) == null ? void 0 : _d.value), 5)
+        ]),
+        createElementVNode("div", {
+          style: { "display": "flex" },
+          onClick: _cache[2] || (_cache[2] = ($event) => handleItemClick(_datas.value[1], 1))
+        }, [
+          _datas.value[1] ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            createElementVNode("span", _hoisted_5, [
+              createTextVNode(toDisplayString((_e = _datas.value[1]) == null ? void 0 : _e.title) + " ", 1),
+              createElementVNode("span", {
+                class: normalizeClass(["trend", ((_f = _datas.value[1]) == null ? void 0 : _f.trend) === "up" ? "up" : "down"])
+              }, [
+                createTextVNode(toDisplayString((_g = _datas.value[1]) == null ? void 0 : _g.value) + " ", 1),
+                createVNode(_component_el_icon, { class: "trend-icon" }, {
+                  default: withCtx(() => {
+                    var _a2;
+                    return [
+                      (openBlock(), createBlock(resolveDynamicComponent(((_a2 = _datas.value[1]) == null ? void 0 : _a2.trend) === "up" ? "caret-top" : "caret-bottom")))
+                    ];
+                  }),
+                  _: 1
+                })
+              ], 2)
+            ])
+          ])) : createCommentVNode("", true),
+          _datas.value[2] ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "extra-row",
+            style: { "margin-left": "10%" },
+            onClick: _cache[1] || (_cache[1] = ($event) => handleItemClick(_datas.value[2], 2))
+          }, [
+            createElementVNode("span", _hoisted_6, [
+              createTextVNode(toDisplayString((_h = _datas.value[2]) == null ? void 0 : _h.title) + " ", 1),
+              createElementVNode("span", {
+                class: normalizeClass(["trend", ((_i = _datas.value[2]) == null ? void 0 : _i.trend) === "up" ? "up" : "down"])
+              }, [
+                createTextVNode(toDisplayString((_j = _datas.value[2]) == null ? void 0 : _j.value) + " ", 1),
+                createVNode(_component_el_icon, { class: "trend-icon" }, {
+                  default: withCtx(() => {
+                    var _a2;
+                    return [
+                      (openBlock(), createBlock(resolveDynamicComponent(((_a2 = _datas.value[2]) == null ? void 0 : _a2.trend) === "up" ? "caret-top" : "caret-bottom")))
+                    ];
+                  }),
+                  _: 1
+                })
+              ], 2)
+            ])
+          ])) : createCommentVNode("", true)
+        ]),
+        createVNode(_component_el_divider, { style: { "margin": "10px 0" } }),
+        _datas.value[3] ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "extra-row",
+          onClick: _cache[3] || (_cache[3] = ($event) => handleItemClick(_datas.value[3], 3))
+        }, [
+          createElementVNode("span", _hoisted_7, [
+            createTextVNode(toDisplayString((_k = _datas.value[3]) == null ? void 0 : _k.title) + " ", 1),
+            createElementVNode("span", _hoisted_8, toDisplayString((_l = _datas.value[3]) == null ? void 0 : _l.value), 1)
+          ])
+        ])) : createCommentVNode("", true)
+      ], 4)) : createCommentVNode("", true);
+    };
+  }
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3d87c2cc"]]);
+export {
+  index as default
+};

package/dist/es/src/xm_components/StatisticalCard/index.vue2.js

@@ -0,0 +1 @@
+

package/global/index.js

@@ -1,4 +1,4 @@
-import { App } from 'vue'
+// import { App } from 'vue'
 import { showsuccess, showerror, showwarning, showinfo } from '../src/utils/message.js'
 // App是用来确定类型
 export default function registerProperties(app) {

package/package.json

@@ -1,24 +1,40 @@
 {
   "name": "@bdsoft/element",
   "description": "内部UI组件",
-  "version": "1.1.25",
+  "version": "1.1.27",
   "type": "module",
-  "main": "index.js",
-  "peerDependencies": {
-    "vue": "^3.3.0"
-  },
-  "peerDependenciesMeta": {
-    "element-plus": {
-      "optional": false
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/es/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/es/index.js",
+      "require": "./dist/cjs/index.cjs"
     }
   },
+  "files": [
+    "dist",
+    "src",
+    "index.js",
+    "global"
+  ],
+  "peerDependencies": {
+    "vue": "^3.3.0",
+    "element-plus": "^2.4.0"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "pub": "npm publish --access public"
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
     "splitpanes": "4.0.4"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "vite": "^5.0.0",
+    "vue": "^3.3.0"
   }
-}
+}

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
-</html>

package/vite.config.js

@@ -1,51 +0,0 @@
-import { defineConfig } from "vite";
-import { fileURLToPath } from 'node:url'
-import { resolve } from "path";
-import vueJsx from "@vitejs/plugin-vue-jsx";
-import vue from "@vitejs/plugin-vue";
-import importToConst from "rollup-plugin-import-to-const";
-
-import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
-
-export default defineConfig({
-  resolve: {
-    alias: {
-      "@": fileURLToPath(new URL("./src", import.meta.url)),
-      "~": fileURLToPath(new URL("./src/assets", import.meta.url)),
-    },
-  },
-  build: {
-    lib: {
-      entry: "./index.js",
-      name: "@bdsoft/element",
-      fileName: "BdElement", // 输出的包文件名
-      formats: ['es', 'umd','cjs'] // 这是默认值
-    },
-    outDir: "esaaa", // 根输出目录
-    minify: false,
-    rollupOptions: {
-      //忽略打包vue文件
-      external: ["vue", "element-plus", "@element-plus/icons-vue", "vue/server-renderer", "@vue/server-renderer"], // 这里列出你想排除的外部依赖
-      output: [
-        {
-          //配置打包根目录
-          dir: "dist",
-          globals: {
-            vue: "Vue",
-            "element-plus": "ElementPlus",
-            "@element-plus/icons-vue": "ElementPlusIconVue",
-          },
-        },
-      ],
-    },
-  },
-  css: {
-    preprocessorOptions: {
-      scss: { 
-        api: "modern-compiler",
-        silenceDeprecations: ['legacy-js-api']
-       },
-    },
-  },
-  plugins: [vue(), vueJsx(), importToConst(), cssInjectedByJsPlugin()],
-});