@vipl520/dk-ui 1.0.1

package/lib/packages/dk-ui/src/table/src/components/FieldRender.vue2.js

@@ -0,0 +1,451 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var utils = require('@vipl520/utils');
+
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = {
+  key: 2,
+  class: "ba-render-image"
+};
+const _hoisted_4 = {
+  key: 3,
+  class: "ba-render-image"
+};
+const _hoisted_5 = { key: 4 };
+const _hoisted_6 = { key: 5 };
+const _hoisted_7 = { key: 6 };
+const _hoisted_8 = { key: 7 };
+const _hoisted_9 = { key: 8 };
+const _hoisted_10 = { key: 10 };
+const _hoisted_11 = {
+  key: 0,
+  class: "table-operate-text"
+};
+const _hoisted_12 = {
+  key: 0,
+  class: "table-operate-text"
+};
+const _hoisted_13 = { class: "dk-tooltip-button" };
+const _hoisted_14 = {
+  key: 0,
+  class: "table-operate-text"
+};
+const _hoisted_15 = {
+  key: 0,
+  class: "table-operate-text"
+};
+const __default__ = vue.defineComponent({
+  name: "DkFieldRender"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    row: { type: null, required: true },
+    field: { type: null, required: true },
+    column: { type: Object, required: true },
+    index: { type: Number, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const DkTable = vue.inject("DkTable");
+    const fieldName = vue.ref(props.field.prop);
+    const fieldValue = vue.ref(props.row[fieldName.value] ?? "");
+    if (fieldName.value && fieldName.value.indexOf(".") > -1) {
+      const fieldNameArr = fieldName.value.split(".");
+      const val = vue.ref(props.row[fieldNameArr[0]]);
+      for (let index = 1; index < fieldNameArr.length; index++) {
+        val.value = val.value ? val.value[fieldNameArr[index]] ?? "" : "";
+      }
+      fieldValue.value = val.value;
+    }
+    const getTagType = (value, custom) => {
+      return custom && custom[value] ? custom[value] : "";
+    };
+    const onChangeField = (value) => {
+      DkTable.onTableAction("field-change", {
+        ...props,
+        value
+      });
+    };
+    const onButtonClick = (btn) => {
+      if (typeof btn.click === "function") {
+        btn.click(props.row, props.field);
+        return;
+      }
+      DkTable.onTableAction(btn.name, props);
+    };
+    return (_ctx, _cache) => {
+      const _component_dk_icon = vue.resolveComponent("dk-icon");
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_image = vue.resolveComponent("el-image");
+      const _component_el_tag = vue.resolveComponent("el-tag");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
+      const _component_el_popconfirm = vue.resolveComponent("el-popconfirm");
+      const _directive_blur = vue.resolveDirective("blur");
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createCommentVNode("\u56FE\u6807"),
+          _ctx.field.render == "icon" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            fieldValue.value || _ctx.field.default ? (vue.openBlock(), vue.createBlock(_component_dk_icon, {
+              key: 0,
+              icon: fieldValue.value ? fieldValue.value : _ctx.field.default
+            }, null, 8, ["icon"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, "-"))
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode("\u5F00\u5173"),
+          _ctx.field.render == "switch" && fieldValue.value !== "" ? (vue.openBlock(), vue.createBlock(_component_el_switch, {
+            key: 1,
+            "model-value": fieldValue.value.toString(),
+            loading: _ctx.row.loading,
+            "inactive-value": "0",
+            "active-value": "1",
+            onChange: onChangeField
+          }, null, 8, ["model-value", "loading"])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" \u5355\u56FE "),
+          _ctx.field.render == "image" && fieldValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            vue.createVNode(_component_el_image, {
+              "hide-on-click-modal": true,
+              "preview-teleported": true,
+              "preview-src-list": [fieldValue.value],
+              src: fieldValue.value,
+              fit: "cover",
+              style: { "width": "50px", "height": "50px" }
+            }, null, 8, ["preview-src-list", "src"])
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode("\u591A\u56FE\u7247"),
+          _ctx.field.render == "images" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            Array.isArray(fieldValue.value) && fieldValue.value.length ? (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              { key: 0 },
+              vue.renderList(fieldValue.value, (item, idx) => {
+                return vue.openBlock(), vue.createBlock(_component_el_image, {
+                  key: idx,
+                  "initial-index": idx,
+                  "preview-teleported": true,
+                  "preview-src-list": fieldValue.value,
+                  class: "images-item",
+                  src: item,
+                  style: { "width": "50px", "height": "50px" },
+                  "hide-on-click-modal": true
+                }, null, 8, ["initial-index", "preview-src-list", "src"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )) : vue.createCommentVNode("v-if", true)
+          ])) : vue.createCommentVNode("v-if", true),
+          _ctx.field.render == "tag" && fieldValue.value !== "" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            vue.createVNode(_component_el_tag, {
+              type: getTagType(fieldValue.value, _ctx.field.custom),
+              effect: _ctx.field.effect ?? "light",
+              size: _ctx.field.size ?? "default"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(
+                  vue.toDisplayString(_ctx.field.replaceValue ? _ctx.field.replaceValue[fieldValue.value] : fieldValue.value),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["type", "effect", "size"])
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" tags "),
+          _ctx.field.render == "tags" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+            Array.isArray(fieldValue.value) ? (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              { key: 0 },
+              vue.renderList(fieldValue.value, (tag, idx) => {
+                return vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: idx },
+                  [
+                    tag !== "" ? (vue.openBlock(), vue.createBlock(_component_el_tag, {
+                      key: 0,
+                      class: "m-1px",
+                      type: getTagType(tag, _ctx.field.custom),
+                      effect: _ctx.field.effect ?? "light",
+                      size: _ctx.field.size ?? "default"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(_ctx.field.replaceValue ? _ctx.field.replaceValue[tag] ?? tag : tag),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["type", "effect", "size"])) : vue.createCommentVNode("v-if", true)
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )) : (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              { key: 1 },
+              [
+                fieldValue.value !== "" ? (vue.openBlock(), vue.createBlock(_component_el_tag, {
+                  key: 0,
+                  class: "m-1px",
+                  type: getTagType(fieldValue.value, _ctx.field.custom),
+                  effect: _ctx.field.effect ?? "light",
+                  size: _ctx.field.size ?? "default"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(_ctx.field.replaceValue ? _ctx.field.replaceValue[fieldValue.value] ?? fieldValue.value : fieldValue.value),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["type", "effect", "size"])) : vue.createCommentVNode("v-if", true)
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" url "),
+          _ctx.field.render == "url" && fieldValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+            vue.createVNode(_component_el_input, {
+              "model-value": fieldValue.value,
+              placeholder: "\u94FE\u63A5\u5730\u5740"
+            }, {
+              append: vue.withCtx(() => [
+                vue.createVNode(_component_el_button, {
+                  onClick: _cache[0] || (_cache[0] = ($event) => typeof _ctx.field.click == "function" ? _ctx.field.click(_ctx.row, _ctx.field, fieldValue.value, _ctx.column, _ctx.index) : vue.unref(utils.openUrl)(fieldValue.value, _ctx.field.target))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_dk_icon, {
+                      color: "#606266",
+                      icon: "Position"
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["model-value"])
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" datetime "),
+          _ctx.field.render == "datetime" ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            _hoisted_8,
+            vue.toDisplayString(!fieldValue.value ? "-" : vue.unref(utils.timeFormat)(fieldValue.value, _ctx.field.timeFormat ?? void 0)),
+            1
+            /* TEXT */
+          )) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" color "),
+          _ctx.field.render == "color" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+            vue.createElementVNode(
+              "div",
+              {
+                style: vue.normalizeStyle({ background: fieldValue.value }),
+                class: "dk-render-color"
+              },
+              null,
+              4
+              /* STYLE */
+            )
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" \u81EA\u5B9A\u4E49\u7EC4\u4EF6/\u51FD\u6570\u6E32\u67D3 "),
+          _ctx.field.render == "customRender" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.field.customRender), {
+            key: 9,
+            "render-row": _ctx.row,
+            "render-field": _ctx.field,
+            "render-value": fieldValue.value,
+            "render-column": _ctx.column,
+            "render-index": _ctx.index
+          }, null, 8, ["render-row", "render-field", "render-value", "render-column", "render-index"])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" \u6309\u94AE\u7EC4 "),
+          vue.createCommentVNode(" \u53EA\u5BF9\u9ED8\u8BA4\u7684\u7F16\u8F91\u3001\u5220\u9664\u3001\u6392\u5E8F\u6309\u94AE\u8FDB\u884C\u9274\u6743\uFF0C\u5176\u4ED6\u6309\u94AE\u8BF7\u901A\u8FC7 display \u5C5E\u6027\u63A7\u5236\u6309\u94AE\u662F\u5426\u663E\u793A "),
+          _ctx.field.render == "buttons" && _ctx.field.buttons ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(_ctx.field.buttons, (btn, idx) => {
+                return vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: idx },
+                  [
+                    (btn.display ? btn.display(_ctx.row, _ctx.field) : true) ? (vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 0 },
+                      [
+                        vue.createCommentVNode(" \u5E38\u89C4\u6309\u94AE \u672A\u4F7F\u7528"),
+                        btn.render == "basicButton" ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_button, vue.mergeProps({
+                          key: 0,
+                          class: [btn.class, "table-operate"],
+                          type: btn.type,
+                          disabled: btn.disabled && btn.disabled(_ctx.row, _ctx.field)
+                        }, btn.attr, {
+                          onClick: ($event) => onButtonClick(btn)
+                        }), {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_dk_icon, {
+                              icon: btn.icon
+                            }, null, 8, ["icon"]),
+                            btn.text ? (vue.openBlock(), vue.createElementBlock(
+                              "div",
+                              _hoisted_11,
+                              vue.toDisplayString(btn.text),
+                              1
+                              /* TEXT */
+                            )) : vue.createCommentVNode("v-if", true)
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1040, ["class", "type", "disabled", "onClick"])), [
+                          [_directive_blur]
+                        ]) : vue.createCommentVNode("v-if", true),
+                        vue.createCommentVNode(" \u5E26\u63D0\u793A\u4FE1\u606F\u7684\u6309\u94AE "),
+                        btn.render == "tipButton" && (btn.name == "edit" && vue.unref(DkTable).auth("edit") || btn.name != "edit") ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                          key: 1,
+                          disabled: !(btn.title && !btn.disabledTip),
+                          content: btn.title ?? "",
+                          placement: "top"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_button, vue.mergeProps({
+                              class: [btn.class, "table-operate"],
+                              type: btn.type,
+                              disabled: btn.disabled && btn.disabled(_ctx.row, _ctx.field)
+                            }, btn.attr, {
+                              onClick: ($event) => onButtonClick(btn)
+                            }), {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_dk_icon, {
+                                  icon: btn.icon
+                                }, null, 8, ["icon"]),
+                                btn.text ? (vue.openBlock(), vue.createElementBlock(
+                                  "div",
+                                  _hoisted_12,
+                                  vue.toDisplayString(btn.text),
+                                  1
+                                  /* TEXT */
+                                )) : vue.createCommentVNode("v-if", true)
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1040, ["class", "type", "disabled", "onClick"])), [
+                              [_directive_blur]
+                            ])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["disabled", "content"])) : vue.createCommentVNode("v-if", true),
+                        vue.createCommentVNode(" \u5E26\u786E\u8BA4\u6846\u7684\u6309\u94AE "),
+                        btn.render == "confirmButton" && (btn.name == "delete" && vue.unref(DkTable).auth("del") || btn.name != "delete") ? (vue.openBlock(), vue.createBlock(_component_el_popconfirm, vue.mergeProps({
+                          key: 2,
+                          disabled: btn.disabled && btn.disabled(_ctx.row, _ctx.field)
+                        }, btn.popconfirm, {
+                          onConfirm: ($event) => onButtonClick(btn)
+                        }), {
+                          reference: vue.withCtx(() => [
+                            vue.createElementVNode("div", _hoisted_13, [
+                              vue.createVNode(_component_el_tooltip, {
+                                disabled: !btn.title,
+                                content: btn.title ?? "",
+                                placement: "top"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_button, vue.mergeProps({
+                                    class: [btn.class, "table-operate"],
+                                    type: btn.type,
+                                    disabled: btn.disabled && btn.disabled(_ctx.row, _ctx.field)
+                                  }, btn.attr), {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_dk_icon, {
+                                        icon: btn.icon
+                                      }, null, 8, ["icon"]),
+                                      btn.text ? (vue.openBlock(), vue.createElementBlock(
+                                        "div",
+                                        _hoisted_14,
+                                        vue.toDisplayString(btn.text),
+                                        1
+                                        /* TEXT */
+                                      )) : vue.createCommentVNode("v-if", true)
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  }, 1040, ["class", "type", "disabled"])), [
+                                    [_directive_blur]
+                                  ])
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["disabled", "content"])
+                            ])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1040, ["disabled", "onConfirm"])) : vue.createCommentVNode("v-if", true),
+                        vue.createCommentVNode(" \u5E26\u63D0\u793A\u7684\u53EF\u62D6\u62FD\u6309\u94AE "),
+                        btn.render == "moveButton" && (btn.name == "weigh-sort" && vue.unref(DkTable).auth("sortable") || btn.name != "weigh-sort") ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                          key: 3,
+                          disabled: !(btn.title && !btn.disabledTip),
+                          content: btn.title ?? "",
+                          placement: "top"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_button, vue.mergeProps({
+                              class: [btn.class, "table-operate move-button"],
+                              type: btn.type,
+                              disabled: btn.disabled && btn.disabled(_ctx.row, _ctx.field)
+                            }, btn.attr, { size: "small" }), {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_dk_icon, {
+                                  icon: btn.icon
+                                }, null, 8, ["icon"]),
+                                btn.text ? (vue.openBlock(), vue.createElementBlock(
+                                  "div",
+                                  _hoisted_15,
+                                  vue.toDisplayString(btn.text),
+                                  1
+                                  /* TEXT */
+                                )) : vue.createCommentVNode("v-if", true)
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1040, ["class", "type", "disabled"])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["disabled", "content"])) : vue.createCommentVNode("v-if", true)
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : vue.createCommentVNode("v-if", true)
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])) : vue.createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=FieldRender.vue2.js.map

package/lib/packages/dk-ui/src/table/src/components/FieldRender.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRender.vue2.js","sources":["../../../../../../../src/table/src/components/FieldRender.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkFieldRender',\n});\n</script>\n<template>\n  <!--图标-->\n  <div v-if=\"field.render == 'icon'\">\n    <dk-icon v-if=\"fieldValue || field.default\" :icon=\"fieldValue ? fieldValue : field.default\" />\n    <span v-else>-</span>\n  </div>\n\n  <!--开关-->\n  <el-switch\n    v-if=\"field.render == 'switch' && fieldValue !== ''\"\n    :model-value=\"fieldValue.toString()\"\n    :loading=\"row.loading\"\n    inactive-value=\"0\"\n    active-value=\"1\"\n    @change=\"onChangeField\"\n  ></el-switch>\n\n  <!-- 单图 -->\n  <div v-if=\"field.render == 'image' && fieldValue\" class=\"ba-render-image\">\n    <el-image\n      :hide-on-click-modal=\"true\"\n      :preview-teleported=\"true\"\n      :preview-src-list=\"[fieldValue]\"\n      :src=\"fieldValue\"\n      fit=\"cover\"\n      style=\"width: 50px; height: 50px\"\n    ></el-image>\n  </div>\n\n  <!--多图片-->\n  <div v-if=\"field.render == 'images'\" class=\"ba-render-image\">\n    <template v-if=\"Array.isArray(fieldValue) && fieldValue.length\">\n      <el-image\n        v-for=\"(item, idx) in fieldValue\"\n        :key=\"idx\"\n        :initial-index=\"idx\"\n        :preview-teleported=\"true\"\n        :preview-src-list=\"fieldValue\"\n        class=\"images-item\"\n        :src=\"item\"\n        style=\"width: 50px; height: 50px\"\n        :hide-on-click-modal=\"true\"\n      ></el-image>\n    </template>\n  </div>\n\n  <div v-if=\"field.render == 'tag' && fieldValue !== ''\">\n    <el-tag\n      :type=\"getTagType(fieldValue, field.custom)\"\n      :effect=\"field.effect ?? 'light'\"\n      :size=\"field.size ?? 'default'\"\n    >\n      {{ field.replaceValue ? field.replaceValue[fieldValue] : fieldValue }}\n    </el-tag>\n  </div>\n\n  <!-- tags -->\n  <div v-if=\"field.render == 'tags'\">\n    <template v-if=\"Array.isArray(fieldValue)\">\n      <template v-for=\"(tag, idx) in fieldValue\" :key=\"idx\">\n        <el-tag\n          v-if=\"tag !== ''\"\n          class=\"m-1px\"\n          :type=\"getTagType(tag, field.custom)\"\n          :effect=\"field.effect ?? 'light'\"\n          :size=\"field.size ?? 'default'\"\n        >\n          {{ field.replaceValue ? field.replaceValue[tag] ?? tag : tag }}</el-tag\n        >\n      </template>\n    </template>\n    <template v-else>\n      <el-tag\n        v-if=\"fieldValue !== ''\"\n        class=\"m-1px\"\n        :type=\"getTagType(fieldValue, field.custom)\"\n        :effect=\"field.effect ?? 'light'\"\n        :size=\"field.size ?? 'default'\"\n      >\n        {{ field.replaceValue ? field.replaceValue[fieldValue] ?? fieldValue : fieldValue }}\n      </el-tag>\n    </template>\n  </div>\n\n  <!-- url -->\n  <div v-if=\"field.render == 'url' && fieldValue\">\n    <el-input :model-value=\"fieldValue\" placeholder=\"链接地址\">\n      <template #append>\n        <el-button\n          @click=\"\n            typeof field.click == 'function'\n              ? field.click(row, field, fieldValue, column, index)\n              : openUrl(fieldValue, field.target)\n          \"\n        >\n          <dk-icon :color=\"'#606266'\" icon=\"Position\" />\n        </el-button>\n      </template>\n    </el-input>\n  </div>\n\n  <!-- datetime -->\n  <div v-if=\"field.render == 'datetime'\">\n    {{ !fieldValue ? '-' : timeFormat(fieldValue, field.timeFormat ?? undefined) }}\n  </div>\n\n  <!-- color -->\n  <div v-if=\"field.render == 'color'\">\n    <div :style=\"{ background: fieldValue }\" class=\"dk-render-color\"></div>\n  </div>\n\n  <!-- 自定义组件/函数渲染 -->\n  <component\n    :is=\"field.customRender\"\n    v-if=\"field.render == 'customRender'\"\n    :render-row=\"row\"\n    :render-field=\"field\"\n    :render-value=\"fieldValue\"\n    :render-column=\"column\"\n    :render-index=\"index\"\n  />\n\n  <!-- 按钮组 -->\n  <!-- 只对默认的编辑、删除、排序按钮进行鉴权，其他按钮请通过 display 属性控制按钮是否显示 -->\n  <div v-if=\"field.render == 'buttons' && field.buttons\">\n    <template v-for=\"(btn, idx) in field.buttons\" :key=\"idx\">\n      <template v-if=\"btn.display ? btn.display(row, field) : true\">\n        <!-- 常规按钮 未使用-->\n        <el-button\n          v-if=\"btn.render == 'basicButton'\"\n          v-blur\n          :class=\"btn.class\"\n          class=\"table-operate\"\n          :type=\"btn.type\"\n          :disabled=\"btn.disabled && btn.disabled(row, field)\"\n          v-bind=\"btn.attr\"\n          @click=\"onButtonClick(btn)\"\n        >\n          <dk-icon :icon=\"btn.icon\" />\n          <div v-if=\"btn.text\" class=\"table-operate-text\">{{ btn.text }}</div>\n        </el-button>\n\n        <!-- 带提示信息的按钮 -->\n        <el-tooltip\n          v-if=\"btn.render == 'tipButton' && ((btn.name == 'edit' && DkTable.auth('edit')) || btn.name != 'edit')\"\n          :disabled=\"!(btn.title && !btn.disabledTip)\"\n          :content=\"btn.title ?? ''\"\n          placement=\"top\"\n        >\n          <el-button\n            v-blur\n            :class=\"btn.class\"\n            class=\"table-operate\"\n            :type=\"btn.type\"\n            :disabled=\"btn.disabled && btn.disabled(row, field)\"\n            v-bind=\"btn.attr\"\n            @click=\"onButtonClick(btn)\"\n          >\n            <dk-icon :icon=\"btn.icon\" />\n            <div v-if=\"btn.text\" class=\"table-operate-text\">{{ btn.text }}</div>\n          </el-button>\n        </el-tooltip>\n\n        <!-- 带确认框的按钮 -->\n        <el-popconfirm\n          v-if=\"\n            btn.render == 'confirmButton' && ((btn.name == 'delete' && DkTable.auth('del')) || btn.name != 'delete')\n          \"\n          :disabled=\"btn.disabled && btn.disabled(row, field)\"\n          v-bind=\"btn.popconfirm\"\n          @confirm=\"onButtonClick(btn)\"\n        >\n          <template #reference>\n            <div class=\"dk-tooltip-button\">\n              <el-tooltip :disabled=\"!btn.title\" :content=\"btn.title ?? ''\" placement=\"top\">\n                <el-button\n                  v-blur\n                  :class=\"btn.class\"\n                  class=\"table-operate\"\n                  :type=\"btn.type\"\n                  :disabled=\"btn.disabled && btn.disabled(row, field)\"\n                  v-bind=\"btn.attr\"\n                >\n                  <dk-icon :icon=\"btn.icon\" />\n                  <div v-if=\"btn.text\" class=\"table-operate-text\">\n                    {{ btn.text }}\n                  </div>\n                </el-button>\n              </el-tooltip>\n            </div>\n          </template>\n        </el-popconfirm>\n\n        <!-- 带提示的可拖拽按钮 -->\n        <el-tooltip\n          v-if=\"\n            btn.render == 'moveButton' &&\n            ((btn.name == 'weigh-sort' && DkTable.auth('sortable')) || btn.name != 'weigh-sort')\n          \"\n          :disabled=\"!(btn.title && !btn.disabledTip)\"\n          :content=\"btn.title ?? ''\"\n          placement=\"top\"\n        >\n          <el-button\n            :class=\"btn.class\"\n            class=\"table-operate move-button\"\n            :type=\"btn.type\"\n            :disabled=\"btn.disabled && btn.disabled(row, field)\"\n            v-bind=\"btn.attr\"\n            size=\"small\"\n          >\n            <dk-icon :icon=\"btn.icon\" />\n            <div v-if=\"btn.text\" class=\"table-operate-text\">{{ btn.text }}</div>\n          </el-button>\n        </el-tooltip>\n      </template>\n    </template>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { inject, ref } from 'vue'\nimport type { TableColumnCtx, TagProps } from 'element-plus'\nimport { openUrl, timeFormat } from '@vipl520/utils'\nimport type dkTable from '../../utils/dkTable'\n\nconst DkTable = inject('DkTable') as dkTable\n\ninterface Props {\n  row: TableRow\n  field: TableColumn\n  column: TableColumnCtx<TableRow>\n  index: number\n}\nconst props = defineProps<Props>()\n\nconst fieldName: any = ref(props.field.prop)\nconst fieldValue = ref(props.row[fieldName.value] ?? '')\n\nif (fieldName.value && fieldName.value.indexOf('.') > -1) {\n  const fieldNameArr = fieldName.value.split('.')\n  const val: any = ref(props.row[fieldNameArr[0]])\n  for (let index = 1; index < fieldNameArr.length; index++) {\n    val.value = val.value ? val.value[fieldNameArr[index]] ?? '' : ''\n  }\n  fieldValue.value = val.value\n}\n\nconst getTagType = (value: string, custom: any): TagProps['type'] => {\n  return custom && custom[value] ? custom[value] : ''\n}\n\nconst onChangeField = (value: any) => {\n  DkTable.onTableAction('field-change', {\n    ...props,\n    value,\n  })\n}\n\nconst onButtonClick = (btn: OptButton) => {\n  if (typeof btn.click === 'function') {\n    btn.click(props.row, props.field)\n    return\n  }\n  DkTable.onTableAction(btn.name, props)\n}\n</script>\n<style scoped></style>\n"],"names":["__MACROS_defineComponent","inject","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;AAmOD,IAAM,MAAA,OAAA,GAAUC,WAAO,SAAS,CAAA,CAAA;AAUhC,IAAA,MAAM,SAAiB,GAAAC,OAAA,CAAI,KAAM,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAC3C,IAAA,MAAM,aAAaA,OAAI,CAAA,KAAA,CAAM,IAAI,SAAU,CAAA,KAAK,KAAK,EAAE,CAAA,CAAA;AAEvD,IAAA,IAAI,UAAU,KAAS,IAAA,SAAA,CAAU,MAAM,OAAQ,CAAA,GAAG,IAAI,CAAI,CAAA,EAAA;AACxD,MAAA,MAAM,YAAe,GAAA,SAAA,CAAU,KAAM,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAC9C,MAAA,MAAM,MAAWA,OAAI,CAAA,KAAA,CAAM,IAAI,YAAa,CAAA,CAAC,CAAC,CAAC,CAAA,CAAA;AAC/C,MAAA,KAAA,IAAS,KAAQ,GAAA,CAAA,EAAG,KAAQ,GAAA,YAAA,CAAa,QAAQ,KAAS,EAAA,EAAA;AACxD,QAAI,GAAA,CAAA,KAAA,GAAQ,IAAI,KAAQ,GAAA,GAAA,CAAI,MAAM,YAAa,CAAA,KAAK,CAAC,CAAA,IAAK,EAAK,GAAA,EAAA,CAAA;AAAA,OACjE;AACA,MAAA,UAAA,CAAW,QAAQ,GAAI,CAAA,KAAA,CAAA;AAAA,KACzB;AAEA,IAAM,MAAA,UAAA,GAAa,CAAC,KAAA,EAAe,MAAkC,KAAA;AACnE,MAAA,OAAO,UAAU,MAAO,CAAA,KAAK,CAAI,GAAA,MAAA,CAAO,KAAK,CAAI,GAAA,EAAA,CAAA;AAAA,KACnD,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,CAAC,KAAe,KAAA;AACpC,MAAA,OAAA,CAAQ,cAAc,cAAgB,EAAA;AAAA,QACpC,GAAG,KAAA;AAAA,QACH,KAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,CAAC,GAAmB,KAAA;AACxC,MAAI,IAAA,OAAO,GAAI,CAAA,KAAA,KAAU,UAAY,EAAA;AACnC,QAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,GAAK,EAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAChC,QAAA,OAAA;AAAA,OACF;AACA,MAAQ,OAAA,CAAA,aAAA,CAAc,GAAI,CAAA,IAAA,EAAM,KAAK,CAAA,CAAA;AAAA,KACvC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/dk-ui/src/table/src/components/RecycleDialog.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var RecycleDialog_vue_vue_type_script_setup_true_lang = require('./RecycleDialog.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var RecycleDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(RecycleDialog_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\table\\src\\components\\RecycleDialog.vue"]]);
+
+exports.default = RecycleDialog;
+//# sourceMappingURL=RecycleDialog.vue.js.map

package/lib/packages/dk-ui/src/table/src/components/RecycleDialog.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecycleDialog.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}