@vipl520/dk-ui 1.0.23 → 1.0.25

package/dist/index.js

@@ -11813,7 +11813,7 @@
   const _hoisted_8$9 = { class: "attachment-group" };
   const _hoisted_9$7 = { class: "group_list" };
   const _hoisted_10$6 = ["onClick"];
-  const _hoisted_11$5 = { class: "ml-10px" };
+  const _hoisted_11$6 = { class: "ml-10px" };
   const _hoisted_12$5 = { class: "op" };
   const _hoisted_13$4 = { class: "attachment-container" };
   const _hoisted_14$4 = {
@@ -12190,7 +12190,7 @@
                       })),
                       require$$0.createElementVNode(
                         "span",
-                        _hoisted_11$5,
+                        _hoisted_11$6,
                         require$$0.toDisplayString(item.name),
                         1
                         /* TEXT */
@@ -14397,7 +14397,7 @@
   const _hoisted_8$8 = ["title", "onDblclick"];
   const _hoisted_9$6 = ["onUpdate:modelValue", "onBlur"];
   const _hoisted_10$5 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
-  const _hoisted_11$4 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_11$5 = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     { style: { "position": "absolute", "display": "none", "width": "100%", "height": "100%" } },
     null,
@@ -14820,7 +14820,7 @@
                         /* KEYED_FRAGMENT */
                       ))
                     ]),
-                    _hoisted_11$4,
+                    _hoisted_11$5,
                     require$$0.createElementVNode("div", _hoisted_12$4, [
                       (require$$0.openBlock(), require$$0.createElementBlock(
                         require$$0.Fragment,
@@ -17854,7 +17854,7 @@
   );
   const _hoisted_9$5 = { class: "phone-title" };
   const _hoisted_10$4 = { class: "phone-title-icon" };
-  const _hoisted_11$3 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_11$4 = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     null,
     "\u9875\u9762\u6807\u9898",
@@ -18023,7 +18023,7 @@
                     /* STABLE */
                   })
                 ]),
-                _hoisted_11$3,
+                _hoisted_11$4,
                 require$$0.createElementVNode("div", _hoisted_12$3, [
                   require$$0.createVNode(_component_el_popover, {
                     placement: "bottom",
@@ -22933,7 +22933,7 @@
     key: 0,
     class: "tag"
   };
-  const _hoisted_11$2 = {
+  const _hoisted_11$3 = {
     key: 1,
     class: "tag"
   };
@@ -23137,7 +23137,7 @@
                             ]))
                           : require$$0.createCommentVNode("v-if", true),
                         (item.down_count > 100)
-                          ? (require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_11$2, [
+                          ? (require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_11$3, [
                               require$$0.createVNode(_component_van_icon, { name: "fire" }),
                               require$$0.createTextVNode("热门")
                             ]))
@@ -24761,6 +24761,12 @@
         return {};
       },
       type: Object
+    },
+    buttons: {
+      default: () => {
+        return ["refresh", "add", "export_csv", "edit", "delete", "comSearch", "quickSearch", "columnDisplay"];
+      },
+      type: Array
     }
     // ...ElTableNext.props,
   };
@@ -28333,6 +28339,45 @@
         this.runAfter("onTableDblclick", { row, column });
       }
     };
+    exportCsv = () => {
+      const header = this.table.column;
+      const headerMap = new Map(
+        header.filter((item) => item !== void 0 && item.label !== void 0 && item.export).map((item) => [item.label, item.prop])
+      );
+      const headerLabels = Array.from(headerMap.keys());
+      function jsonToCsv(data) {
+        let csvContent = headerLabels.join(",") + "\n";
+        data.forEach((row) => {
+          const line = [];
+          headerLabels.forEach((label) => {
+            const prop = headerMap.get(label);
+            let value = "";
+            if (prop && prop.indexOf(".") > -1) {
+              const fieldNameArr = prop.split(".");
+              value = row[fieldNameArr[0]] || {};
+              for (let index = 1; index < fieldNameArr.length; index++) {
+                value = value ? value[fieldNameArr[index]] ?? "" : "";
+              }
+            } else {
+              value = String(row[prop]);
+            }
+            line.push(`"${value.replace(/"/g, '""').replace(/[\n\r]/g, " ")}"`);
+          });
+          csvContent += line.join(",") + "\n";
+        });
+        return csvContent;
+      }
+      function downloadCsv(csvContent, fileName) {
+        const link = document.createElement("a");
+        link.setAttribute("href", "data:text/csv;charset=utf-8," + encodeURIComponent(csvContent));
+        link.setAttribute("download", fileName + ".csv");
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+      }
+      const csvStr = jsonToCsv(this.table.selection);
+      downloadCsv(csvStr, "export_data");
+    };
     /**
      * 打开表单
      * @param operate 操作:Add=添加,Edit=编辑
@@ -28424,6 +28469,12 @@
             this.toggleForm("Add");
           }
         ],
+        [
+          "export_csv",
+          () => {
+            this.exportCsv();
+          }
+        ],
         [
           "edit",
           () => {
@@ -29421,7 +29472,7 @@
   };
   const _hoisted_9$3 = { class: "com-search-col-input-range" };
   const _hoisted_10$2 = { class: "com-search-col" };
-  const _hoisted_11$1 = {
+  const _hoisted_11$2 = {
     key: 0,
     class: "com-search-col-label"
   };
@@ -29684,7 +29735,7 @@
                                     require$$0.createElementVNode("div", _hoisted_10$2, [
                                       item.comSearchShowLabel !== false ? (require$$0.openBlock(), require$$0.createElementBlock(
                                         "div",
-                                        _hoisted_11$1,
+                                        _hoisted_11$2,
                                         require$$0.toDisplayString(item.label),
                                         1
                                         /* TEXT */
@@ -29932,31 +29983,38 @@
     /* HOISTED */
   );
   const _hoisted_3$6 = /* @__PURE__ */ require$$0.createElementVNode(
+    "span",
+    { class: "m-l-5px" },
+    "\u5BFC\u51FA",
+    -1
+    /* HOISTED */
+  );
+  const _hoisted_4$6 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "m-l-5px" },
     "\u7F16\u8F91",
     -1
     /* HOISTED */
   );
-  const _hoisted_4$6 = { class: "m-l-5px" };
-  const _hoisted_5$4 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_5$4 = { class: "m-l-5px" };
+  const _hoisted_6$4 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "m-l-5px" },
     "\u5220\u9664",
     -1
     /* HOISTED */
   );
-  const _hoisted_6$4 = { class: "table-header-operate-text" };
-  const _hoisted_7$4 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_7$4 = { class: "table-header-operate-text" };
+  const _hoisted_8$3 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "table-header-operate-text" },
     " \u56DE\u6536\u7AD9 ",
     -1
     /* HOISTED */
   );
-  const _hoisted_8$3 = { class: "table-search" };
-  const _hoisted_9$2 = { class: "mr-1" };
-  const _hoisted_10$1 = { class: "table-search-button-group" };
+  const _hoisted_9$2 = { class: "table-search" };
+  const _hoisted_10$1 = { class: "mr-1" };
+  const _hoisted_11$1 = { class: "table-search-button-group" };
   const __default__$d = require$$0.defineComponent({
     name: "DkTableHeader"
   });
@@ -29969,7 +30027,7 @@
       },
       buttons: {
         default: () => {
-          return ["refresh", "add", "edit", "delete", "comSearch", "quickSearch", "columnDisplay"];
+          return ["refresh", "add", "export_csv", "edit", "delete", "comSearch", "quickSearch", "columnDisplay"];
         },
         type: Array
       },
@@ -30103,8 +30161,33 @@
                 _: 1
                 /* STABLE */
               })) : require$$0.createCommentVNode("v-if", true),
-              props.buttons.includes("edit") && require$$0.unref(DkTable).auth("edit") ? (require$$0.openBlock(), require$$0.createBlock(_component_el_tooltip, {
+              props.buttons.includes("export_csv") && require$$0.unref(DkTable).auth("export_csv") ? (require$$0.openBlock(), require$$0.createBlock(_component_el_tooltip, {
                 key: 2,
+                content: "\u5BFC\u51FA\u9009\u4E2D\u884C",
+                placement: "top"
+              }, {
+                default: require$$0.withCtx(() => [
+                  require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(_component_el_button, {
+                    disabled: !enableBatchOpt.value,
+                    class: "table-header-operate",
+                    type: "primary",
+                    onClick: _cache[2] || (_cache[2] = ($event) => onAction("export_csv"))
+                  }, {
+                    default: require$$0.withCtx(() => [
+                      require$$0.createVNode(_component_dk_icon, { icon: "typcn:download" }),
+                      _hoisted_3$6
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["disabled"])), [
+                    [_directive_blur]
+                  ])
+                ]),
+                _: 1
+                /* STABLE */
+              })) : require$$0.createCommentVNode("v-if", true),
+              props.buttons.includes("edit") && require$$0.unref(DkTable).auth("edit") ? (require$$0.openBlock(), require$$0.createBlock(_component_el_tooltip, {
+                key: 3,
                 content: "\u7F16\u8F91\u9009\u4E2D\u884C",
                 placement: "top"
               }, {
@@ -30113,11 +30196,11 @@
                     disabled: !enableBatchOpt.value,
                     class: "table-header-operate",
                     type: "primary",
-                    onClick: _cache[2] || (_cache[2] = ($event) => onAction("edit"))
+                    onClick: _cache[3] || (_cache[3] = ($event) => onAction("edit"))
                   }, {
                     default: require$$0.withCtx(() => [
                       require$$0.createVNode(_component_dk_icon, { icon: "typcn:edit" }),
-                      _hoisted_3$6
+                      _hoisted_4$6
                     ]),
                     _: 1
                     /* STABLE */
@@ -30129,16 +30212,16 @@
                 /* STABLE */
               })) : require$$0.createCommentVNode("v-if", true),
               props.buttons.includes("delete") && require$$0.unref(DkTable).auth("del") ? (require$$0.openBlock(), require$$0.createBlock(_component_el_popconfirm, {
-                key: 3,
+                key: 4,
                 "confirm-button-text": "\u5220\u9664",
                 "cancel-button-text": "\u53D6\u6D88",
                 "confirm-button-type": "danger",
                 title: "\u60A8\u786E\u5B9A\u8981\u5220\u9664\u6240\u9009\u8BB0\u5F55\u5417\uFF1F",
                 disabled: !enableBatchOpt.value,
-                onConfirm: _cache[3] || (_cache[3] = ($event) => onAction("delete"))
+                onConfirm: _cache[4] || (_cache[4] = ($event) => onAction("delete"))
               }, {
                 reference: require$$0.withCtx(() => [
-                  require$$0.createElementVNode("div", _hoisted_4$6, [
+                  require$$0.createElementVNode("div", _hoisted_5$4, [
                     require$$0.createVNode(_component_el_tooltip, {
                       content: "\u5220\u9664\u6240\u9009\u884C",
                       placement: "top"
@@ -30152,7 +30235,7 @@
                           default: require$$0.withCtx(() => [
                             require$$0.createCommentVNode('                <Icon name="fa fa-trash" />'),
                             require$$0.createVNode(_component_dk_icon, { icon: "typcn:trash" }),
-                            _hoisted_5$4
+                            _hoisted_6$4
                           ]),
                           _: 1
                           /* STABLE */
@@ -30169,7 +30252,7 @@
                 /* STABLE */
               }, 8, ["disabled"])) : require$$0.createCommentVNode("v-if", true),
               props.buttons.includes("unfold") ? (require$$0.openBlock(), require$$0.createBlock(_component_el_tooltip, {
-                key: 4,
+                key: 5,
                 content: (require$$0.unref(DkTable).table.expandAll ? "\u6536\u7F29" : "\u5C55\u5F00") + "\u6240\u6709\u5B50\u83DC\u5355",
                 placement: "top"
               }, {
@@ -30177,14 +30260,14 @@
                   require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(_component_el_button, {
                     class: "table-header-operate",
                     type: require$$0.unref(DkTable).table.expandAll ? "danger" : "warning",
-                    onClick: _cache[4] || (_cache[4] = ($event) => require$$0.unref(DkTable).onTableHeaderAction("unfold", {
+                    onClick: _cache[5] || (_cache[5] = ($event) => require$$0.unref(DkTable).onTableHeaderAction("unfold", {
                       unfold: !require$$0.unref(DkTable).table.expandAll
                     }))
                   }, {
                     default: require$$0.withCtx(() => [
                       require$$0.createElementVNode(
                         "span",
-                        _hoisted_6$4,
+                        _hoisted_7$4,
                         require$$0.toDisplayString(require$$0.unref(DkTable).table.expandAll ? "\u6536\u7F29\u6240\u6709" : "\u5C55\u5F00\u6240\u6709"),
                         1
                         /* TEXT */
@@ -30208,10 +30291,10 @@
                     class: "table-header-operate m-l-5px",
                     type: "warning",
                     loading: require$$0.unref(DkTable).recycleTable.showDialogLoading,
-                    onClick: _cache[5] || (_cache[5] = ($event) => onAction("recycle"))
+                    onClick: _cache[6] || (_cache[6] = ($event) => onAction("recycle"))
                   }, {
                     default: require$$0.withCtx(() => [
-                      _hoisted_7$4
+                      _hoisted_8$3
                     ]),
                     _: 1
                     /* STABLE */
@@ -30222,18 +30305,18 @@
                 _: 1
                 /* STABLE */
               }),
-              require$$0.createElementVNode("div", _hoisted_8$3, [
-                require$$0.createElementVNode("div", _hoisted_9$2, [
+              require$$0.createElementVNode("div", _hoisted_9$2, [
+                require$$0.createElementVNode("div", _hoisted_10$1, [
                   require$$0.createVNode(_component_el_input, {
                     modelValue: require$$0.unref(DkTable).table.filter.quickSearch,
-                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => require$$0.unref(DkTable).table.filter.quickSearch = $event),
+                    "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => require$$0.unref(DkTable).table.filter.quickSearch = $event),
                     placeholder: "\u8BF7\u8F93\u5165",
                     "prefix-icon": "Search",
                     size: __props.size,
-                    onInput: _cache[7] || (_cache[7] = ($event) => require$$0.unref(debounce)(onSearchInput, 500)())
+                    onInput: _cache[8] || (_cache[8] = ($event) => require$$0.unref(debounce)(onSearchInput, 500)())
                   }, null, 8, ["modelValue", "size"])
                 ]),
-                require$$0.createElementVNode("div", _hoisted_10$1, [
+                require$$0.createElementVNode("div", _hoisted_11$1, [
                   props.buttons.includes("columnDisplay") ? (require$$0.openBlock(), require$$0.createBlock(_component_el_dropdown, {
                     key: 0,
                     "max-height": 380,
@@ -30303,7 +30386,7 @@
                         require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(_component_el_button, {
                           size: __props.size,
                           class: "table-search-button-item",
-                          onClick: _cache[8] || (_cache[8] = ($event) => require$$0.unref(DkTable).table.showComSearch = !require$$0.unref(DkTable).table.showComSearch)
+                          onClick: _cache[9] || (_cache[9] = ($event) => require$$0.unref(DkTable).table.showComSearch = !require$$0.unref(DkTable).table.showComSearch)
                         }, {
                           default: require$$0.withCtx(() => [
                             require$$0.createVNode(_component_dk_icon, { icon: "Search" })
@@ -31185,25 +31268,22 @@
           [
             require$$0.createElementVNode("div", _hoisted_1$8, [
               require$$0.createCommentVNode("\u9876\u90E8\u83DC\u5355"),
-              require$$0.createVNode(
-                DkTableHeader,
-                { size: "default" },
-                require$$0.createSlots({
-                  _: 2
-                  /* DYNAMIC */
-                }, [
-                  require$$0.renderList(_ctx.$slots, (slot, idx) => {
-                    return {
-                      name: idx,
-                      fn: require$$0.withCtx(() => [
-                        require$$0.renderSlot(_ctx.$slots, idx)
-                      ])
-                    };
-                  })
-                ]),
-                1024
-                /* DYNAMIC_SLOTS */
-              ),
+              require$$0.createVNode(DkTableHeader, {
+                size: "default",
+                buttons: _ctx.buttons
+              }, require$$0.createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                require$$0.renderList(_ctx.$slots, (slot, idx) => {
+                  return {
+                    name: idx,
+                    fn: require$$0.withCtx(() => [
+                      require$$0.renderSlot(_ctx.$slots, idx)
+                    ])
+                  };
+                })
+              ]), 1032, ["buttons"]),
               require$$0.createCommentVNode("\u8868\u683C"),
               require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(_component_el_table, require$$0.mergeProps({
                 ref_key: "TableRef",