sctj-components 1.0.76 → 1.0.77

package/lib/sctj-components.es.js

@@ -39,7 +39,7 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1$p = { class: "dict-tag-container" };
-const _hoisted_2$f = ["index"];
+const _hoisted_2$g = ["index"];
 const _sfc_main$w = {
   __name: "index",
   props: {
@@ -68,7 +68,7 @@ const _sfc_main$w = {
                 key: item.value,
                 index: index2,
                 class: normalizeClass(item.elTagClass)
-              }, toDisplayString(item.label), 11, _hoisted_2$f)) : (openBlock(), createBlock(_component_el_tag, {
+              }, toDisplayString(item.label), 11, _hoisted_2$g)) : (openBlock(), createBlock(_component_el_tag, {
                 "disable-transitions": true,
                 key: item.value + "",
                 index: index2,
@@ -133,9 +133,9 @@ const index$1 = "";
 const index_vue_vue_type_style_index_0_scoped_006fbc77_lang = "";
 const index_vue_vue_type_style_index_1_lang = "";
 const _hoisted_1$n = { class: "upload-file" };
-const _hoisted_2$e = { class: "el-upload__tip" };
-const _hoisted_3$a = { style: { "color": "#f56c6c" } };
-const _hoisted_4$9 = { style: { "color": "#f56c6c" } };
+const _hoisted_2$f = { class: "el-upload__tip" };
+const _hoisted_3$b = { style: { "color": "#f56c6c" } };
+const _hoisted_4$a = { style: { "color": "#f56c6c" } };
 const _hoisted_5$7 = ["title"];
 const _hoisted_6$4 = { class: "ele-upload-list__item-content-action" };
 const _hoisted_7$4 = { style: { "width": "100%", "height": "100%", "overflow": "auto" } };
@@ -410,15 +410,15 @@ const _sfc_main$u = {
           unref(showTip) ? {
             name: "tip",
             fn: withCtx(() => [
-              createElementVNode("div", _hoisted_2$e, [
+              createElementVNode("div", _hoisted_2$f, [
                 createTextVNode(" \u8BF7\u4E0A\u4F20 "),
                 __props.fileSize ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   createTextVNode(" \u5927\u5C0F\u4E0D\u8D85\u8FC7 "),
-                  createElementVNode("b", _hoisted_3$a, toDisplayString(__props.fileSize) + "MB", 1)
+                  createElementVNode("b", _hoisted_3$b, toDisplayString(__props.fileSize) + "MB", 1)
                 ], 64)) : createCommentVNode("", true),
                 __props.fileType ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                   createTextVNode(" \u683C\u5F0F\u4E3A "),
-                  createElementVNode("b", _hoisted_4$9, toDisplayString(__props.fileType.join("/")), 1)
+                  createElementVNode("b", _hoisted_4$a, toDisplayString(__props.fileType.join("/")), 1)
                 ], 64)) : createCommentVNode("", true),
                 createTextVNode(" \u7684\u6587\u4EF6 ")
               ])
@@ -520,12 +520,12 @@ const _sfc_main$u = {
 const SCTJFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-006fbc77"]]);
 const index_vue_vue_type_style_index_0_scoped_672e5149_lang = "";
 const _hoisted_1$m = { class: "component-upload-image" };
-const _hoisted_2$d = {
+const _hoisted_2$e = {
   key: 0,
   class: "el-upload__tip"
 };
-const _hoisted_3$9 = { style: { "color": "#f56c6c" } };
-const _hoisted_4$8 = { style: { "color": "#f56c6c" } };
+const _hoisted_3$a = { style: { "color": "#f56c6c" } };
+const _hoisted_4$9 = { style: { "color": "#f56c6c" } };
 const _hoisted_5$6 = ["src"];
 const _sfc_main$t = {
   __name: "index",
@@ -760,15 +760,15 @@ const _sfc_main$t = {
           ]),
           _: 1
         }, 16, ["disabled", "action", "limit", "http-request", "headers", "file-list", "drag", "class"]),
-        unref(showTip) ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+        unref(showTip) ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
           createTextVNode(" \u8BF7\u4E0A\u4F20 "),
           props.fileSize ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createTextVNode(" \u5927\u5C0F\u4E0D\u8D85\u8FC7 "),
-            createElementVNode("b", _hoisted_3$9, toDisplayString(props.fileSize) + "MB", 1)
+            createElementVNode("b", _hoisted_3$a, toDisplayString(props.fileSize) + "MB", 1)
           ], 64)) : createCommentVNode("", true),
           props.fileType ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createTextVNode(" \u683C\u5F0F\u4E3A "),
-            createElementVNode("b", _hoisted_4$8, toDisplayString(props.fileType.join("/")), 1)
+            createElementVNode("b", _hoisted_4$9, toDisplayString(props.fileType.join("/")), 1)
           ], 64)) : createCommentVNode("", true),
           createTextVNode(" \u7684\u6587\u4EF6 ")
         ])) : createCommentVNode("", true),
@@ -1018,8 +1018,8 @@ const icons = [
 ];
 const index_vue_vue_type_style_index_0_scoped_37029e19_lang = "";
 const _hoisted_1$k = { class: "icon-content" };
-const _hoisted_2$c = { class: "icon-list" };
-const _hoisted_3$8 = ["onClick"];
+const _hoisted_2$d = { class: "icon-list" };
+const _hoisted_3$9 = ["onClick"];
 const _sfc_main$r = {
   __name: "index",
   props: {
@@ -1138,7 +1138,7 @@ const _sfc_main$r = {
               _: 1
             }, 8, ["modelValue"])
           ]),
-          createElementVNode("div", _hoisted_2$c, [
+          createElementVNode("div", _hoisted_2$d, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(iconList.value, (item, index2) => {
               return openBlock(), createElementBlock("div", {
                 key: index2,
@@ -1149,7 +1149,7 @@ const _sfc_main$r = {
                   style: { "height": "30px", "width": "16px", "flex-shrink": "0" }
                 }, null, 8, ["icon-class"]),
                 createElementVNode("span", null, toDisplayString(item), 1)
-              ], 8, _hoisted_3$8);
+              ], 8, _hoisted_3$9);
             }), 128))
           ])
         ], 512), [
@@ -1724,7 +1724,7 @@ const _sfc_main$n = {
 };
 const index_vue_vue_type_style_index_0_scoped_1c87997b_lang = "";
 const _hoisted_1$i = { class: "time-line-slider-container" };
-const _hoisted_2$b = { class: "time-line-slider-wrapper" };
+const _hoisted_2$c = { class: "time-line-slider-wrapper" };
 const _sfc_main$m = {
   __name: "index",
   props: {
@@ -1971,7 +1971,7 @@ const _sfc_main$m = {
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
       return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        createElementVNode("div", _hoisted_2$b, [
+        createElementVNode("div", _hoisted_2$c, [
           createVNode(_component_el_slider, {
             style: normalizeStyle({ width: unref(sliderWidth) }),
             modelValue: selectValue.value,
@@ -2548,18 +2548,18 @@ const _sfc_main$i = {
 };
 const SCTJTableTopActionContainer = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-056cfdde"]]);
 const index_vue_vue_type_style_index_0_scoped_946a1b5d_lang = "";
-const _withScopeId$6 = (n) => (pushScopeId("data-v-946a1b5d"), n = n(), popScopeId(), n);
+const _withScopeId$7 = (n) => (pushScopeId("data-v-946a1b5d"), n = n(), popScopeId(), n);
 const _hoisted_1$e = {
   key: 0,
   class: "search-container"
 };
-const _hoisted_2$a = { class: "table-box" };
-const _hoisted_3$7 = ["onClick"];
-const _hoisted_4$7 = {
+const _hoisted_2$b = { class: "table-box" };
+const _hoisted_3$8 = ["onClick"];
+const _hoisted_4$8 = {
   slot: "header",
   class: "clearfix"
 };
-const _hoisted_5$5 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ createElementVNode("span", { style: { "font-weight": "bold" } }, "\u5DF2\u9009\u5217\u8868", -1));
+const _hoisted_5$5 = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ createElementVNode("span", { style: { "font-weight": "bold" } }, "\u5DF2\u9009\u5217\u8868", -1));
 const _hoisted_6$3 = { class: "tag-container" };
 const _hoisted_7$3 = { class: "tag-name" };
 const _hoisted_8$3 = { class: "dialog-footer" };
@@ -2944,7 +2944,7 @@ const _sfc_main$h = {
             style: normalizeStyle({ height: !unref(isMobile) ? __props.height : "100%" }),
             class: normalizeClass(["content-box", unref(isMobile) && "content-box-mobile"])
           }, [
-            createElementVNode("div", _hoisted_2$a, [
+            createElementVNode("div", _hoisted_2$b, [
               withDirectives((openBlock(), createBlock(_component_el_table, {
                 size: unref(isMobile) ? "small" : "",
                 class: "table-content",
@@ -2990,7 +2990,7 @@ const _sfc_main$h = {
                           createElementVNode("span", {
                             onClick: ($event) => handleClick(item.action, item.prop, scope),
                             class: normalizeClass({ "linkStyle": item.action || false })
-                          }, toDisplayString(item.format ? item.format(scope.row, scope.$index) : scope.row[item.prop]), 11, _hoisted_3$7)
+                          }, toDisplayString(item.format ? item.format(scope.row, scope.$index) : scope.row[item.prop]), 11, _hoisted_3$8)
                         ]),
                         _: 2
                       }, 1040))
@@ -3038,7 +3038,7 @@ const _sfc_main$h = {
               shadow: "never"
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_4$7, [
+                createElementVNode("div", _hoisted_4$8, [
                   _hoisted_5$5,
                   createVNode(_component_el_button, {
                     style: { "float": "right", "padding": "3px 0" },
@@ -3484,7 +3484,7 @@ const _sfc_main$f = {
 };
 const index_vue_vue_type_style_index_0_scoped_48dc11be_lang = "";
 const _hoisted_1$c = { class: "table-page-container" };
-const _hoisted_2$9 = { style: { "flex": "1", "height": "0" } };
+const _hoisted_2$a = { style: { "flex": "1", "height": "0" } };
 const _sfc_main$e = {
   __name: "index",
   props: {
@@ -3524,7 +3524,7 @@ const _sfc_main$e = {
           ]),
           _: 3
         }, 8, ["showSearch"]),
-        createElementVNode("div", _hoisted_2$9, [
+        createElementVNode("div", _hoisted_2$a, [
           renderSlot(_ctx.$slots, "table", {}, void 0, true)
         ]),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -3538,7 +3538,7 @@ const _hoisted_1$b = {
   key: 0,
   class: "search-container"
 };
-const _hoisted_2$8 = {
+const _hoisted_2$9 = {
   key: 1,
   class: "custom-drawer"
 };
@@ -3568,7 +3568,7 @@ const _sfc_main$d = {
         })
       ], 512)), [
         [vShow, __props.visible]
-      ]) : (openBlock(), createElementBlock("div", _hoisted_2$8, [
+      ]) : (openBlock(), createElementBlock("div", _hoisted_2$9, [
         createVNode(_component_el_drawer, {
           "model-value": __props.visible,
           title: "\u7B5B\u9009\u6761\u4EF6",
@@ -3689,14 +3689,14 @@ const _sfc_main$c = {
 };
 const emptyImg = "data:image/png;base64,";
 const CommonChart_vue_vue_type_style_index_0_scoped_2f3b9e13_lang = "";
-const _withScopeId$5 = (n) => (pushScopeId("data-v-2f3b9e13"), n = n(), popScopeId(), n);
+const _withScopeId$6 = (n) => (pushScopeId("data-v-2f3b9e13"), n = n(), popScopeId(), n);
 const _hoisted_1$a = ["element-loading-background"];
-const _hoisted_2$7 = {
+const _hoisted_2$8 = {
   key: 1,
   class: "empty-wrapper"
 };
-const _hoisted_3$6 = ["src"];
-const _hoisted_4$6 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("div", { class: "empty-text" }, "\u6682\u65E0\u6570\u636E", -1));
+const _hoisted_3$7 = ["src"];
+const _hoisted_4$7 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ createElementVNode("div", { class: "empty-text" }, "\u6682\u65E0\u6570\u636E", -1));
 const _sfc_main$b = {
   __name: "CommonChart",
   props: {
@@ -4228,13 +4228,13 @@ const _sfc_main$b = {
               ref_key: "baseChartRef",
               ref: baseChartRef,
               option: unref(option)
-            }, null, 8, ["option"])) : (openBlock(), createElementBlock("div", _hoisted_2$7, [
+            }, null, 8, ["option"])) : (openBlock(), createElementBlock("div", _hoisted_2$8, [
               createElementVNode("img", {
                 src: unref(emptyImg),
                 alt: "empty",
                 class: "empty-image"
-              }, null, 8, _hoisted_3$6),
-              _hoisted_4$6
+              }, null, 8, _hoisted_3$7),
+              _hoisted_4$7
             ]))
           ], 12, _hoisted_1$a)), [
             [_directive_loading, __props.loading]
@@ -4264,26 +4264,43 @@ const _sfc_main$b = {
   }
 };
 const SCTJCommonChart = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-2f3b9e13"]]);
-const PieChart_vue_vue_type_style_index_0_scoped_c3a3e060_lang = "";
+const PieChart_vue_vue_type_style_index_0_scoped_21c095e8_lang = "";
+const _withScopeId$5 = (n) => (pushScopeId("data-v-21c095e8"), n = n(), popScopeId(), n);
 const _hoisted_1$9 = ["element-loading-background"];
+const _hoisted_2$7 = {
+  key: 1,
+  class: "empty-wrapper"
+};
+const _hoisted_3$6 = ["src"];
+const _hoisted_4$6 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("div", { class: "empty-text" }, "\u6682\u65E0\u6570\u636E", -1));
 const _sfc_main$a = {
   __name: "PieChart",
   props: {
-    title: { type: String, required: true },
+    title: { type: String },
     loading: { type: Boolean, default: false },
     height: { type: String, default: "300px" },
     mode: { type: String, default: "light" },
+    showCardHeader: { type: Boolean, default: true },
+    backgroundColor: { type: String, default: "" },
     data: {
       type: Array,
       required: true
     },
+    labelField: {
+      type: String,
+      default: "name"
+    },
+    valueField: {
+      type: String,
+      default: "value"
+    },
     center: {
       type: Array,
       default: () => ["50%", "50%"]
     },
     radius: {
       type: Array,
-      default: () => ["0%", "70%"]
+      default: () => ["50%", "70%"]
     },
     type: {
       type: String,
@@ -4292,17 +4309,20 @@ const _sfc_main$a = {
         return ["pie", "doughnut", "rose"].indexOf(value) !== -1;
       }
     },
-    showCenterText: {
-      type: Boolean,
-      default: false
-    },
     centerText: {
       type: String,
       default: ""
     },
+    centerTextPosition: {
+      type: Object,
+      default: () => ({
+        left: "center",
+        top: "center"
+      })
+    },
     labelPosition: {
       type: String,
-      default: "inside",
+      default: "outside",
       validator: function(value) {
         return ["inside", "outside"].indexOf(value) !== -1;
       }
@@ -4317,11 +4337,20 @@ const _sfc_main$a = {
     colors: {
       type: Array,
       default: () => []
+    },
+    labelFormatter: {
+      type: Function,
+      default: null
+    },
+    tooltipFormatter: {
+      type: Function,
+      default: null
     }
   },
   emits: ["chartClick"],
   setup(__props, { emit }) {
     const props = __props;
+    const { isMobile } = useMobile();
     const baseChart = ref$1(null);
     const resizeObserver = ref$1(null);
     const defaultColors = [
@@ -4381,6 +4410,9 @@ const _sfc_main$a = {
     const loadingColor = computed$1(() => {
       return props.mode === "dark" ? "rgba(25, 70, 144, .9)" : "rgba(255, 255, 255, .9)";
     });
+    const isEmptyData = computed$1(() => {
+      return !props.data || !Array.isArray(props.data) || props.data.length === 0;
+    });
     const radiusConfig = computed$1(() => {
       switch (props.type) {
         case "doughnut":
@@ -4397,10 +4429,16 @@ const _sfc_main$a = {
     });
     const chartOption = computed$1(() => {
       return {
+        appendToBody: !isMobile.value,
         color: props.colors.length > 0 ? props.colors : defaultColors,
         tooltip: {
           trigger: "item",
-          formatter: "{b}: {c} ({d}%)",
+          formatter: function(params) {
+            if (props.tooltipFormatter) {
+              return props.tooltipFormatter(params);
+            }
+            return `${params.name}: ${params.value}(${params.percent === void 0 ? "0%" : params.percent + "%"})`;
+          },
           ...props.mode === "dark" ? {
             backgroundColor: "#194690",
             textStyle: {
@@ -4410,6 +4448,7 @@ const _sfc_main$a = {
           } : {}
         },
         legend: {
+          type: "scroll",
           orient: "horizontal",
           bottom: "0",
           ...props.mode === "dark" ? {
@@ -4418,10 +4457,9 @@ const _sfc_main$a = {
             }
           } : {}
         },
-        graphic: props.showCenterText ? [{
+        graphic: props.centerText ? [{
           type: "text",
-          left: "center",
-          top: "middle",
+          ...props.centerTextPosition,
           style: {
             text: props.centerText,
             fontSize: 20,
@@ -4433,7 +4471,10 @@ const _sfc_main$a = {
           type: "pie",
           radius: radiusConfig.value,
           center: props.center,
-          data: props.data,
+          data: props.data.map((item) => ({
+            name: item[props.labelField],
+            value: item[props.valueField]
+          })),
           ...props.type === "rose" ? { roseType: props.roseType } : {},
           emphasis: {
             itemStyle: {
@@ -4445,7 +4486,12 @@ const _sfc_main$a = {
           label: {
             show: true,
             position: props.labelPosition,
-            formatter: "{b}: {d}%",
+            formatter: function(params) {
+              if (props.labelFormatter) {
+                return props.labelFormatter(params);
+              }
+              return `${params.name}: ${params.value}(${params.percent === void 0 ? "0%" : params.percent + "%"})`;
+            },
             ...props.mode === "dark" ? {
               color: "#fff"
             } : {}
@@ -4477,41 +4523,56 @@ const _sfc_main$a = {
       return openBlock(), createBlock(_component_el_card, {
         class: "card-container",
         style: normalizeStyle(unref(cardContainerStyle))
-      }, {
-        header: withCtx(() => [
-          createElementVNode("div", {
-            class: "card-header",
-            style: normalizeStyle(unref(cardHeaderStyle))
-          }, [
-            createElementVNode("span", {
-              class: "card-title",
-              style: normalizeStyle(unref(cardTitleStyle))
-            }, toDisplayString(__props.title), 5)
-          ], 4)
-        ]),
+      }, createSlots({
         default: withCtx(() => [
           withDirectives((openBlock(), createElementBlock("div", {
             "element-loading-background": unref(loadingColor),
             style: normalizeStyle({ height: __props.height }),
             class: "card-body"
           }, [
-            createVNode(_sfc_main$c, {
+            !unref(isEmptyData) ? (openBlock(), createBlock(_sfc_main$c, {
+              key: 0,
               onChartClick: handleChartClick,
               ref_key: "baseChart",
               ref: baseChart,
               option: unref(chartOption),
               height: "100%"
-            }, null, 8, ["option"])
+            }, null, 8, ["option"])) : (openBlock(), createElementBlock("div", _hoisted_2$7, [
+              createElementVNode("img", {
+                src: unref(emptyImg),
+                alt: "empty",
+                class: "empty-image"
+              }, null, 8, _hoisted_3$6),
+              _hoisted_4$6
+            ]))
           ], 12, _hoisted_1$9)), [
             [_directive_loading, __props.loading]
           ])
         ]),
-        _: 1
-      }, 8, ["style"]);
+        _: 2
+      }, [
+        __props.showCardHeader ? {
+          name: "header",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "header", {}, () => [
+              createElementVNode("div", {
+                class: "card-header",
+                style: normalizeStyle(unref(cardHeaderStyle))
+              }, [
+                createElementVNode("span", {
+                  class: "card-title",
+                  style: normalizeStyle(unref(cardTitleStyle))
+                }, toDisplayString(__props.title), 5)
+              ], 4)
+            ], true)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["style"]);
     };
   }
 };
-const SCTJPieChart = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-c3a3e060"]]);
+const SCTJPieChart = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-21c095e8"]]);
 const generateShortId = () => {
   return Math.random().toString(36).substring(2, 8);
 };