@bdsoft/element 1.1.26 → 1.1.28

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

@@ -0,0 +1,164 @@
+import { ref, watch, resolveComponent, createElementBlock, createCommentVNode, openBlock, normalizeStyle, createElementVNode, createVNode, createBlock, toDisplayString, withCtx, createTextVNode, normalizeClass, resolveDynamicComponent } from "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/package.json

@@ -1,24 +1,42 @@
 {
   "name": "@bdsoft/element",
   "description": "内部UI组件",
-  "version": "1.1.26",
+  "version": "1.1.28",
   "type": "module",
-  "main": "index.js",
-  "peerDependencies": {
-    "vue": "^3.3.0"
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/es/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/es/index.js",
+      "require": "./dist/cjs/index.cjs"
+    },
+    "./dist/es/index.js": "./dist/es/index.js",
+    "./dist/cjs/index.cjs": "./dist/cjs/index.cjs"
   },
-  "peerDependenciesMeta": {
-    "element-plus": {
-      "optional": false
-    }
+  "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/src/components/chartconfig/index.vue

@@ -7,7 +7,7 @@
 -->
 <template>
   <el-dialog v-model="visible" :width="600" title="图表配置" class="bdDialog chartConfig" :style="{ borderRadius: '10px' }" draggable>
-    <el-form v-model="chartColorForm" label-suffix=":" label-width='80px' class="formconfig" style="padding: 10px 10px">
+    <el-form v-model="chartForm" label-suffix=":" label-width='80px' class="formconfig" style="padding: 10px 10px">
       <el-tabs type="border-card" class="chart-tabs" style="height: 100%">
         <el-tab-pane label="坐标轴配置">
           <el-divider content-position="left">X坐标轴</el-divider>
@@ -106,15 +106,18 @@ const chartForm = ref({
 // 打开回调
 const callShowDialog = () => {
   let config = openParms.value
-  chartColorForm.sourceid = config.sourceid
-  chartColorForm.chartid = config.api.getId()
-  chartColorForm.api = config.api
+  chartColorForm.value = {
+    sourceid:config.sourceid,
+    chartid:config.api.getId(),
+    api: config.api,
+    visiable:false
+  }
   chartForm.value = Object.assign({}, chartForm.value, extParms.value)
 }
 const { visible, showDialog, openParms, extParms, hideDialog } = useDialog(callShowDialog)
 
 // 颜色配置
-const chartColorForm = reactive({
+const chartColorForm = ref({
   sourceid: '',
   chartid: '', // 当前操作的图表对象
   api: null, // 当前操作的图表对象

package/src/utils/coms/load.jsx

@@ -1,10 +1,23 @@
-function LoadComponent(props, { slots, emit, attrs }) {
-  return (
-    <div class="loadsvg" style="height:20px;width:20px;">
-      <svg viewBox="0 0 1024 1024" focusable="false" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true">
-        <path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path>
-      </svg>
-    </div>
-  )
-}
+import { createVNode } from 'vue'
+
+function LoadComponent(props, { slots, emit, attrs }) {
+  return createVNode('div', {
+    class: 'loadsvg',
+    style: 'height:20px;width:20px;'
+  }, [
+    createVNode('svg', {
+      viewBox: '0 0 1024 1024',
+      focusable: 'false',
+      'data-icon': 'loading',
+      width: '1em',
+      height: '1em',
+      fill: 'currentColor',
+      'aria-hidden': 'true'
+    }, [
+      createVNode('path', {
+        d: 'M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z'
+      }, null)
+    ])
+  ])
+}
 export default LoadComponent

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()],
-});