@vipl520/dk-ui 1.0.23 → 1.0.25

package/dist/index.mjs

@@ -11800,7 +11800,7 @@ const _hoisted_7$b = { class: "attachment-content flex" };
 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 = {
@@ -12177,7 +12177,7 @@ var _sfc_main$$ = /* @__PURE__ */ defineComponent({
                     })),
                     createElementVNode(
                       "span",
-                      _hoisted_11$5,
+                      _hoisted_11$6,
                       toDisplayString(item.name),
                       1
                       /* TEXT */
@@ -14384,7 +14384,7 @@ const _hoisted_7$a = { class: "name-header-operations" };
 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__ */ createElementVNode(
+const _hoisted_11$5 = /* @__PURE__ */ createElementVNode(
   "div",
   { style: { "position": "absolute", "display": "none", "width": "100%", "height": "100%" } },
   null,
@@ -14807,7 +14807,7 @@ var _sfc_main$M = /* @__PURE__ */ defineComponent({
                       /* KEYED_FRAGMENT */
                     ))
                   ]),
-                  _hoisted_11$4,
+                  _hoisted_11$5,
                   createElementVNode("div", _hoisted_12$4, [
                     (openBlock(), createElementBlock(
                       Fragment,
@@ -17841,7 +17841,7 @@ const _hoisted_8$6 = /* @__PURE__ */ createElementVNode(
 );
 const _hoisted_9$5 = { class: "phone-title" };
 const _hoisted_10$4 = { class: "phone-title-icon" };
-const _hoisted_11$3 = /* @__PURE__ */ createElementVNode(
+const _hoisted_11$4 = /* @__PURE__ */ createElementVNode(
   "div",
   null,
   "\u9875\u9762\u6807\u9898",
@@ -18010,7 +18010,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
                   /* STABLE */
                 })
               ]),
-              _hoisted_11$3,
+              _hoisted_11$4,
               createElementVNode("div", _hoisted_12$3, [
                 createVNode(_component_el_popover, {
                   placement: "bottom",
@@ -22920,7 +22920,7 @@ const _hoisted_10$3 = {
   key: 0,
   class: "tag"
 };
-const _hoisted_11$2 = {
+const _hoisted_11$3 = {
   key: 1,
   class: "tag"
 };
@@ -23124,7 +23124,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                           ]))
                         : createCommentVNode("v-if", true),
                       (item.down_count > 100)
-                        ? (openBlock(), createElementBlock("span", _hoisted_11$2, [
+                        ? (openBlock(), createElementBlock("span", _hoisted_11$3, [
                             createVNode(_component_van_icon, { name: "fire" }),
                             createTextVNode("热门")
                           ]))
@@ -24748,6 +24748,12 @@ const tableProps = {
       return {};
     },
     type: Object
+  },
+  buttons: {
+    default: () => {
+      return ["refresh", "add", "export_csv", "edit", "delete", "comSearch", "quickSearch", "columnDisplay"];
+    },
+    type: Array
   }
   // ...ElTableNext.props,
 };
@@ -28320,6 +28326,45 @@ class dkTable {
       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=编辑
@@ -28411,6 +28456,12 @@ class dkTable {
           this.toggleForm("Add");
         }
       ],
+      [
+        "export_csv",
+        () => {
+          this.exportCsv();
+        }
+      ],
       [
         "edit",
         () => {
@@ -29408,7 +29459,7 @@ const _hoisted_8$4 = {
 };
 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"
 };
@@ -29671,7 +29722,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
                                   createElementVNode("div", _hoisted_10$2, [
                                     item.comSearchShowLabel !== false ? (openBlock(), createElementBlock(
                                       "div",
-                                      _hoisted_11$1,
+                                      _hoisted_11$2,
                                       toDisplayString(item.label),
                                       1
                                       /* TEXT */
@@ -29919,31 +29970,38 @@ const _hoisted_2$8 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_3$6 = /* @__PURE__ */ createElementVNode(
+  "span",
+  { class: "m-l-5px" },
+  "\u5BFC\u51FA",
+  -1
+  /* HOISTED */
+);
+const _hoisted_4$6 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "m-l-5px" },
   "\u7F16\u8F91",
   -1
   /* HOISTED */
 );
-const _hoisted_4$6 = { class: "m-l-5px" };
-const _hoisted_5$4 = /* @__PURE__ */ createElementVNode(
+const _hoisted_5$4 = { class: "m-l-5px" };
+const _hoisted_6$4 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "m-l-5px" },
   "\u5220\u9664",
   -1
   /* HOISTED */
 );
-const _hoisted_6$4 = { class: "table-header-operate-text" };
-const _hoisted_7$4 = /* @__PURE__ */ createElementVNode(
+const _hoisted_7$4 = { class: "table-header-operate-text" };
+const _hoisted_8$3 = /* @__PURE__ */ 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 = defineComponent({
   name: "DkTableHeader"
 });
@@ -29956,7 +30014,7 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
     },
     buttons: {
       default: () => {
-        return ["refresh", "add", "edit", "delete", "comSearch", "quickSearch", "columnDisplay"];
+        return ["refresh", "add", "export_csv", "edit", "delete", "comSearch", "quickSearch", "columnDisplay"];
       },
       type: Array
     },
@@ -30090,8 +30148,33 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
               _: 1
               /* STABLE */
             })) : createCommentVNode("v-if", true),
-            props.buttons.includes("edit") && unref(DkTable).auth("edit") ? (openBlock(), createBlock(_component_el_tooltip, {
+            props.buttons.includes("export_csv") && unref(DkTable).auth("export_csv") ? (openBlock(), createBlock(_component_el_tooltip, {
               key: 2,
+              content: "\u5BFC\u51FA\u9009\u4E2D\u884C",
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                withDirectives((openBlock(), createBlock(_component_el_button, {
+                  disabled: !enableBatchOpt.value,
+                  class: "table-header-operate",
+                  type: "primary",
+                  onClick: _cache[2] || (_cache[2] = ($event) => onAction("export_csv"))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_dk_icon, { icon: "typcn:download" }),
+                    _hoisted_3$6
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled"])), [
+                  [_directive_blur]
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            })) : createCommentVNode("v-if", true),
+            props.buttons.includes("edit") && unref(DkTable).auth("edit") ? (openBlock(), createBlock(_component_el_tooltip, {
+              key: 3,
               content: "\u7F16\u8F91\u9009\u4E2D\u884C",
               placement: "top"
             }, {
@@ -30100,11 +30183,11 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
                   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: withCtx(() => [
                     createVNode(_component_dk_icon, { icon: "typcn:edit" }),
-                    _hoisted_3$6
+                    _hoisted_4$6
                   ]),
                   _: 1
                   /* STABLE */
@@ -30116,16 +30199,16 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
               /* STABLE */
             })) : createCommentVNode("v-if", true),
             props.buttons.includes("delete") && unref(DkTable).auth("del") ? (openBlock(), 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: withCtx(() => [
-                createElementVNode("div", _hoisted_4$6, [
+                createElementVNode("div", _hoisted_5$4, [
                   createVNode(_component_el_tooltip, {
                     content: "\u5220\u9664\u6240\u9009\u884C",
                     placement: "top"
@@ -30139,7 +30222,7 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createCommentVNode('                <Icon name="fa fa-trash" />'),
                           createVNode(_component_dk_icon, { icon: "typcn:trash" }),
-                          _hoisted_5$4
+                          _hoisted_6$4
                         ]),
                         _: 1
                         /* STABLE */
@@ -30156,7 +30239,7 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
               /* STABLE */
             }, 8, ["disabled"])) : createCommentVNode("v-if", true),
             props.buttons.includes("unfold") ? (openBlock(), createBlock(_component_el_tooltip, {
-              key: 4,
+              key: 5,
               content: (unref(DkTable).table.expandAll ? "\u6536\u7F29" : "\u5C55\u5F00") + "\u6240\u6709\u5B50\u83DC\u5355",
               placement: "top"
             }, {
@@ -30164,14 +30247,14 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
                 withDirectives((openBlock(), createBlock(_component_el_button, {
                   class: "table-header-operate",
                   type: unref(DkTable).table.expandAll ? "danger" : "warning",
-                  onClick: _cache[4] || (_cache[4] = ($event) => unref(DkTable).onTableHeaderAction("unfold", {
+                  onClick: _cache[5] || (_cache[5] = ($event) => unref(DkTable).onTableHeaderAction("unfold", {
                     unfold: !unref(DkTable).table.expandAll
                   }))
                 }, {
                   default: withCtx(() => [
                     createElementVNode(
                       "span",
-                      _hoisted_6$4,
+                      _hoisted_7$4,
                       toDisplayString(unref(DkTable).table.expandAll ? "\u6536\u7F29\u6240\u6709" : "\u5C55\u5F00\u6240\u6709"),
                       1
                       /* TEXT */
@@ -30195,10 +30278,10 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
                   class: "table-header-operate m-l-5px",
                   type: "warning",
                   loading: unref(DkTable).recycleTable.showDialogLoading,
-                  onClick: _cache[5] || (_cache[5] = ($event) => onAction("recycle"))
+                  onClick: _cache[6] || (_cache[6] = ($event) => onAction("recycle"))
                 }, {
                   default: withCtx(() => [
-                    _hoisted_7$4
+                    _hoisted_8$3
                   ]),
                   _: 1
                   /* STABLE */
@@ -30209,18 +30292,18 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
               _: 1
               /* STABLE */
             }),
-            createElementVNode("div", _hoisted_8$3, [
-              createElementVNode("div", _hoisted_9$2, [
+            createElementVNode("div", _hoisted_9$2, [
+              createElementVNode("div", _hoisted_10$1, [
                 createVNode(_component_el_input, {
                   modelValue: unref(DkTable).table.filter.quickSearch,
-                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(DkTable).table.filter.quickSearch = $event),
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(DkTable).table.filter.quickSearch = $event),
                   placeholder: "\u8BF7\u8F93\u5165",
                   "prefix-icon": "Search",
                   size: __props.size,
-                  onInput: _cache[7] || (_cache[7] = ($event) => unref(debounce)(onSearchInput, 500)())
+                  onInput: _cache[8] || (_cache[8] = ($event) => unref(debounce)(onSearchInput, 500)())
                 }, null, 8, ["modelValue", "size"])
               ]),
-              createElementVNode("div", _hoisted_10$1, [
+              createElementVNode("div", _hoisted_11$1, [
                 props.buttons.includes("columnDisplay") ? (openBlock(), createBlock(_component_el_dropdown, {
                   key: 0,
                   "max-height": 380,
@@ -30290,7 +30373,7 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
                       withDirectives((openBlock(), createBlock(_component_el_button, {
                         size: __props.size,
                         class: "table-search-button-item",
-                        onClick: _cache[8] || (_cache[8] = ($event) => unref(DkTable).table.showComSearch = !unref(DkTable).table.showComSearch)
+                        onClick: _cache[9] || (_cache[9] = ($event) => unref(DkTable).table.showComSearch = !unref(DkTable).table.showComSearch)
                       }, {
                         default: withCtx(() => [
                           createVNode(_component_dk_icon, { icon: "Search" })
@@ -31172,25 +31255,22 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
         [
           createElementVNode("div", _hoisted_1$8, [
             createCommentVNode("\u9876\u90E8\u83DC\u5355"),
-            createVNode(
-              DkTableHeader,
-              { size: "default" },
-              createSlots({
-                _: 2
-                /* DYNAMIC */
-              }, [
-                renderList(_ctx.$slots, (slot, idx) => {
-                  return {
-                    name: idx,
-                    fn: withCtx(() => [
-                      renderSlot(_ctx.$slots, idx)
-                    ])
-                  };
-                })
-              ]),
-              1024
-              /* DYNAMIC_SLOTS */
-            ),
+            createVNode(DkTableHeader, {
+              size: "default",
+              buttons: _ctx.buttons
+            }, createSlots({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              renderList(_ctx.$slots, (slot, idx) => {
+                return {
+                  name: idx,
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, idx)
+                  ])
+                };
+              })
+            ]), 1032, ["buttons"]),
             createCommentVNode("\u8868\u683C"),
             withDirectives((openBlock(), createBlock(_component_el_table, mergeProps({
               ref_key: "TableRef",

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "dk",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {

package/es/table/index.d.ts

@@ -7,6 +7,7 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
             cacheTable?: boolean | undefined;
             tableBefore?: Record<string, any> | undefined;
             tableAfter?: Record<string, any> | undefined;
+            buttons?: unknown[] | undefined;
             style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
@@ -82,6 +83,10 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
                 default: () => {};
                 type: ObjectConstructor;
             };
+            buttons: {
+                default: () => string[];
+                type: ArrayConstructor;
+            };
         }>>, {
             DkTable: import("./utils/dkTable").default;
             TableRef: import("vue").Ref<any>;
@@ -91,6 +96,7 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
             cacheTable: boolean;
             tableBefore: Record<string, any>;
             tableAfter: Record<string, any>;
+            buttons: unknown[];
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -128,6 +134,10 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
             default: () => {};
             type: ObjectConstructor;
         };
+        buttons: {
+            default: () => string[];
+            type: ArrayConstructor;
+        };
     }>> & import("vue").ShallowUnwrapRef<{
         DkTable: import("./utils/dkTable").default;
         TableRef: import("vue").Ref<any>;
@@ -153,6 +163,10 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
         default: () => {};
         type: ObjectConstructor;
     };
+    buttons: {
+        default: () => string[];
+        type: ArrayConstructor;
+    };
 }>>, {
     DkTable: import("./utils/dkTable").default;
     TableRef: import("vue").Ref<any>;
@@ -162,6 +176,7 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
     cacheTable: boolean;
     tableBefore: Record<string, any>;
     tableAfter: Record<string, any>;
+    buttons: unknown[];
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<NonNullable<string | number>, (_: {}) => any>> & Partial<Record<string, (_: any) => any>> & {
         columnPrepend?(_: {}): any;