@vipl520/dk-ui 1.0.7 → 1.0.9

package/lib/table/src/components/ComSearch.vue2.js

@@ -23,23 +23,29 @@ const _hoisted_8 = {
   key: 0,
   class: "com-search-col-label"
 };
-const _hoisted_9 = {
+const _hoisted_9 = { class: "com-search-col-input-range" };
+const _hoisted_10 = { class: "com-search-col" };
+const _hoisted_11 = {
+  key: 0,
+  class: "com-search-col-label"
+};
+const _hoisted_12 = {
   key: 1,
   class: "com-search-col-input-range"
 };
-const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode(
   "div",
   { class: "range-separator" },
   "\u5230",
   -1
   /* HOISTED */
 );
-const _hoisted_11 = { class: "com-search-col-input" };
-const _hoisted_12 = {
+const _hoisted_14 = { class: "com-search-col-input" };
+const _hoisted_15 = {
   key: 3,
   class: "com-search-col-input"
 };
-const _hoisted_13 = { class: "com-search-col pl-20" };
+const _hoisted_16 = { class: "com-search-col pl-20" };
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "ComSearch",
   setup(__props) {
@@ -86,6 +92,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               val = DkTable.comSearch.form[key][0] + "," + DkTable.comSearch.form[key][1];
             }
           }
+        } else if (fieldDataTemp.render == "time" && (fieldDataTemp.operator == "RANGE" || fieldDataTemp.operator == "NOT RANGE")) {
+          if (DkTable.comSearch.form[key] && DkTable.comSearch.form[key].length >= 2) {
+            val = DkTable.comSearch.form[key][0] + "," + DkTable.comSearch.form[key][1];
+            console.log("val", val, DkTable.comSearch.form[key]);
+          }
         } else if (fieldDataTemp.operator == "RANGE" || fieldDataTemp.operator == "NOT RANGE") {
           if (!DkTable.comSearch.form[key + "-start"] && !DkTable.comSearch.form[key + "-end"]) {
             continue;
@@ -115,6 +126,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_el_col = vue.resolveComponent("el-col");
       const _component_el_date_picker = vue.resolveComponent("el-date-picker");
+      const _component_el_time_picker = vue.resolveComponent("el-time-picker");
       const _component_el_input = vue.resolveComponent("el-input");
       const _component_el_checkbox = vue.resolveComponent("el-checkbox");
       const _component_el_option = vue.resolveComponent("el-option");
@@ -231,21 +243,58 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                 ],
                                 2112
                                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                              )) : item.render == "time" && (item.operator == "RANGE" || item.operator == "NOT RANGE") ? (vue.openBlock(), vue.createElementBlock(
+                                vue.Fragment,
+                                { key: 2 },
+                                [
+                                  vue.createCommentVNode("\u65F6\u95F4\u8303\u56F4"),
+                                  vue.createVNode(_component_el_col, {
+                                    span: spans.value.datetime
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createElementVNode("div", _hoisted_7, [
+                                        item.comSearchShowLabel !== false ? (vue.openBlock(), vue.createElementBlock(
+                                          "div",
+                                          _hoisted_8,
+                                          vue.toDisplayString(item.label),
+                                          1
+                                          /* TEXT */
+                                        )) : vue.createCommentVNode("v-if", true),
+                                        vue.createElementVNode("div", _hoisted_9, [
+                                          vue.createVNode(_component_el_time_picker, {
+                                            modelValue: vue.unref(DkTable).comSearch.form[item.prop],
+                                            "onUpdate:modelValue": ($event) => vue.unref(DkTable).comSearch.form[item.prop] = $event,
+                                            "is-range": "",
+                                            "range-separator": "\u5230",
+                                            format: "HH:mm:ss",
+                                            "value-format": "HH:mm:ss",
+                                            "start-placeholder": "\u5F00\u59CB\u65F6\u95F4",
+                                            "end-placeholder": "\u7ED3\u675F\u65F6\u95F4"
+                                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                        ])
+                                      ])
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  }, 1032, ["span"])
+                                ],
+                                2112
+                                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                               )) : (vue.openBlock(), vue.createBlock(_component_el_col, {
-                                key: 2,
+                                key: 3,
                                 span: spans.value.common
                               }, {
                                 default: vue.withCtx(() => [
-                                  vue.createElementVNode("div", _hoisted_7, [
+                                  vue.createElementVNode("div", _hoisted_10, [
                                     item.comSearchShowLabel !== false ? (vue.openBlock(), vue.createElementBlock(
                                       "div",
-                                      _hoisted_8,
+                                      _hoisted_11,
                                       vue.toDisplayString(item.label),
                                       1
                                       /* TEXT */
                                     )) : vue.createCommentVNode("v-if", true),
                                     vue.createCommentVNode(" \u6570\u5B57\u8303\u56F4 "),
-                                    item.operator == "RANGE" || item.operator == "NOT RANGE" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+                                    item.operator == "RANGE" || item.operator == "NOT RANGE" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
                                       vue.createVNode(_component_el_input, {
                                         modelValue: vue.unref(DkTable).comSearch.form[item.prop + "-start"],
                                         "onUpdate:modelValue": ($event) => vue.unref(DkTable).comSearch.form[item.prop + "-start"] = $event,
@@ -253,7 +302,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                         type: "string",
                                         clearable: true
                                       }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]),
-                                      _hoisted_10,
+                                      _hoisted_13,
                                       vue.createVNode(_component_el_input, {
                                         modelValue: vue.unref(DkTable).comSearch.form[item.prop + "-end"],
                                         "onUpdate:modelValue": ($event) => vue.unref(DkTable).comSearch.form[item.prop + "-end"] = $event,
@@ -266,7 +315,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                       { key: 2 },
                                       [
                                         vue.createCommentVNode(" \u662F\u5426 [NOT] NULL "),
-                                        vue.createElementVNode("div", _hoisted_11, [
+                                        vue.createElementVNode("div", _hoisted_14, [
                                           vue.createVNode(_component_el_checkbox, {
                                             modelValue: vue.unref(DkTable).comSearch.form[item.prop],
                                             "onUpdate:modelValue": ($event) => vue.unref(DkTable).comSearch.form[item.prop] = $event,
@@ -277,7 +326,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                       ],
                                       2112
                                       /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                                    )) : item.operator ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
+                                    )) : item.operator ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
                                       vue.createCommentVNode(" \u65F6\u95F4\u7B5B\u9009 "),
                                       item.render == "datetime" || item.comSearchRender == "date" ? (vue.openBlock(), vue.createBlock(_component_el_date_picker, {
                                         key: 0,
@@ -289,9 +338,20 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                         placeholder: item.operatorPlaceholder,
                                         "default-value": vue.unref(DkTable).comSearch.form[item.prop + "-default"] ? vue.unref(DkTable).comSearch.form[item.prop + "-default"] : /* @__PURE__ */ new Date(),
                                         teleported: false
-                                      }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "value-format", "placeholder", "default-value"])) : (item.render == "tag" || item.render == "tags" || item.comSearchRender == "select") && item.replaceValue ? (vue.openBlock(), vue.createElementBlock(
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "value-format", "placeholder", "default-value"])) : vue.createCommentVNode("v-if", true),
+                                      vue.createCommentVNode(" \u5E74\u7B5B\u9009 "),
+                                      item.render == "year" ? (vue.openBlock(), vue.createBlock(_component_el_date_picker, {
+                                        key: 1,
+                                        modelValue: vue.unref(DkTable).comSearch.form[item.prop],
+                                        "onUpdate:modelValue": ($event) => vue.unref(DkTable).comSearch.form[item.prop] = $event,
+                                        class: "datetime-picker",
+                                        type: "year",
+                                        "value-format": "YYYY",
+                                        style: { "width": "100%" },
+                                        placeholder: item.operatorPlaceholder
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (item.render == "tag" || item.render == "tags" || item.comSearchRender == "select") && item.replaceValue ? (vue.openBlock(), vue.createElementBlock(
                                         vue.Fragment,
-                                        { key: 1 },
+                                        { key: 2 },
                                         [
                                           vue.createCommentVNode(" tag\u3001tags\u3001select "),
                                           vue.createVNode(_component_el_select, {
@@ -323,7 +383,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                                       )) : item.comSearchRender == "remoteSelect" ? (vue.openBlock(), vue.createElementBlock(
                                         vue.Fragment,
-                                        { key: 2 },
+                                        { key: 3 },
                                         [
                                           vue.createCommentVNode(" \u8FDC\u7A0B select "),
                                           vue.createVNode(_component_dk_select, {
@@ -336,7 +396,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                                       )) : item.render == "switch" ? (vue.openBlock(), vue.createElementBlock(
                                         vue.Fragment,
-                                        { key: 3 },
+                                        { key: 4 },
                                         [
                                           vue.createCommentVNode(" \u5F00\u5173 "),
                                           vue.createVNode(_component_el_select, {
@@ -383,7 +443,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                                       )) : (vue.openBlock(), vue.createElementBlock(
                                         vue.Fragment,
-                                        { key: 4 },
+                                        { key: 5 },
                                         [
                                           vue.createCommentVNode(" \u5B57\u7B26\u4E32 "),
                                           vue.createVNode(_component_el_input, {
@@ -420,13 +480,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     sm: 6
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_13, [
+                      vue.createElementVNode("div", _hoisted_16, [
                         vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_button, {
                           type: "primary",
                           onClick: onComSearch
                         }, {
                           default: vue.withCtx(() => [
-                            vue.createTextVNode(" \u641C\u7D22 ")
+                            vue.createTextVNode(" \u641C\u7D22")
                           ]),
                           _: 1
                           /* STABLE */

package/lib/table/src/components/ComSearch.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComSearch.vue2.js","sources":["../../../../src/table/src/components/ComSearch.vue"],"sourcesContent":["<template>\n  <div ref=\"el\" class=\"table-com-search\">\n    <el-form label-position=\"top\" :model=\"DkTable.comSearch.form\" @submit.prevent=\"\" @keyup.enter=\"onComSearch\">\n      <el-row>\n        <template v-for=\"(item, idx) in DkTable.table.column\" :key=\"idx\">\n          <template v-if=\"item.operator !== false\">\n            <!-- 自定义渲染 component、slot -->\n            <el-col\n              v-if=\"item.comSearchRender == 'customRender' || item.comSearchRender == 'slot'\"\n              :span=\"spans.common\"\n            >\n              <!-- 外部可以使用 :deep() 选择器修改css样式 -->\n              <div class=\"com-search-col\">\n                <div v-if=\"item.comSearchShowLabel !== false\" class=\"com-search-col-label\">\n                  {{ item.label }}\n                </div>\n                <div class=\"com-search-col-input\">\n                  <!-- 自定义组件/函数渲染 -->\n                  <component\n                    :is=\"item.comSearchComponent\"\n                    v-if=\"item.comSearchRender == 'customRender'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    v-bind=\"item.comSearchProps\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                  ></component>\n\n                  <!-- 自定义渲染-slot -->\n                  <slot v-else-if=\"item.comSearchRender == 'slot'\" :name=\"item.comSearchSlotName\"></slot>\n                </div>\n              </div>\n            </el-col>\n\n            <!-- 时间范围 -->\n            <el-col\n              v-else-if=\"item.render == 'datetime' && (item.operator == 'RANGE' || item.operator == 'NOT RANGE')\"\n              :span=\"spans.datetime\"\n            >\n              <div class=\"com-search-col\">\n                <div v-if=\"item.comSearchShowLabel !== false\" class=\"com-search-col-label\">\n                  {{ item.label }}\n                </div>\n                <div class=\"com-search-col-input-range\">\n                  <el-date-picker\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    :default-value=\"\n                      DkTable.comSearch.form[item.prop! + '-default']\n                        ? DkTable.comSearch.form[item.prop! + '-default']\n                        : [new Date(), new Date()]\n                    \"\n                    :type=\"item.comSearchRender == 'date' ? 'daterange' : 'datetimerange'\"\n                    range-separator=\"到\"\n                    start-placeholder=\"开始日期\"\n                    end-placeholder=\"结束日期\"\n                    :value-format=\"item.comSearchRender == 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'\"\n                    :teleported=\"false\"\n                  />\n                </div>\n              </div>\n            </el-col>\n            <el-col v-else :span=\"spans.common\">\n              <div class=\"com-search-col\">\n                <div v-if=\"item.comSearchShowLabel !== false\" class=\"com-search-col-label\">\n                  {{ item.label }}\n                </div>\n                <!-- 数字范围 -->\n                <div v-if=\"item.operator == 'RANGE' || item.operator == 'NOT RANGE'\" class=\"com-search-col-input-range\">\n                  <el-input\n                    v-model=\"DkTable.comSearch.form[item.prop! + '-start']\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                  <div class=\"range-separator\">到</div>\n                  <el-input\n                    v-model=\"DkTable.comSearch.form[item.prop! + '-end']\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                </div>\n                <!-- 是否 [NOT] NULL -->\n                <div v-else-if=\"item.operator == 'NULL' || item.operator == 'NOT NULL'\" class=\"com-search-col-input\">\n                  <el-checkbox\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :label=\"item.operator\"\n                    size=\"large\"\n                  ></el-checkbox>\n                </div>\n                <div v-else-if=\"item.operator\" class=\"com-search-col-input\">\n                  <!-- 时间筛选 -->\n                  <el-date-picker\n                    v-if=\"item.render == 'datetime' || item.comSearchRender == 'date'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    :type=\"item.comSearchRender == 'date' ? 'date' : 'datetime'\"\n                    :value-format=\"item.comSearchRender == 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :default-value=\"\n                      DkTable.comSearch.form[item.prop! + '-default']\n                        ? DkTable.comSearch.form[item.prop! + '-default']\n                        : new Date()\n                    \"\n                    :teleported=\"false\"\n                  />\n\n                  <!-- tag、tags、select -->\n                  <el-select\n                    v-else-if=\"\n                      (item.render == 'tag' || item.render == 'tags' || item.comSearchRender == 'select') &&\n                      item.replaceValue\n                    \"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :clearable=\"true\"\n                  >\n                    <el-option\n                      v-for=\"(opt, okey) in item.replaceValue\"\n                      :key=\"item.prop! + okey\"\n                      :label=\"opt\"\n                      :value=\"okey\"\n                    />\n                  </el-select>\n\n                  <!-- 远程 select -->\n                  <dk-select\n                    v-else-if=\"item.comSearchRender == 'remoteSelect'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :remote-url=\"item.remoteUrl\"\n                  ></dk-select>\n\n                  <!-- 开关 -->\n                  <el-select\n                    v-else-if=\"item.render == 'switch'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :clearable=\"true\"\n                  >\n                    <template v-if=\"!isEmpty(item.replaceValue)\">\n                      <el-option\n                        v-for=\"(opt, okey) in item.replaceValue\"\n                        :key=\"item.prop! + okey\"\n                        :label=\"opt\"\n                        :value=\"okey\"\n                      />\n                    </template>\n                    <template v-else>\n                      <el-option label=\"开\" value=\"1\" />\n                      <el-option label=\"关\" value=\"0\" />\n                    </template>\n                  </el-select>\n\n                  <!-- 字符串 -->\n                  <el-input\n                    v-else\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                </div>\n              </div>\n            </el-col>\n          </template>\n        </template>\n        <el-col :xs=\"24\" :sm=\"6\">\n          <div class=\"com-search-col pl-20\">\n            <el-button v-blur type=\"primary\" @click=\"onComSearch\"> 搜索 </el-button>\n            <el-button @click=\"onResetForm()\">重置</el-button>\n          </div>\n        </el-col>\n      </el-row>\n    </el-form>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, ref, computed } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { useElementSize } from '@vueuse/core'\nimport DkTableClass from '../../utils/dkTable'\nconst DkTable = inject('DkTable') as DkTableClass\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\nconst spans = computed(() => {\n  if (width.value < 768) {\n    return {\n      common: 24,\n      datetime: 24,\n    }\n  }\n  if (width.value < 900) {\n    return {\n      common: 12,\n      datetime: 24,\n    }\n  }\n  if (width.value < 1200) {\n    return {\n      common: 8,\n      datetime: 16,\n    }\n  }\n  return {\n    common: 6,\n    datetime: 12,\n  }\n})\nconst onComSearch = () => {\n  const comSearchData: comSearchData[] = []\n  for (const key in DkTable.comSearch.form) {\n    if (!DkTable.comSearch.fieldData.has(key)) {\n      continue\n    }\n    let val = ''\n    const fieldDataTemp = DkTable.comSearch.fieldData.get(key)\n    if (\n      fieldDataTemp.render == 'datetime' &&\n      (fieldDataTemp.operator == 'RANGE' || fieldDataTemp.operator == 'NOT RANGE')\n    ) {\n      // 时间范围组件返回的是时间数组\n      if (DkTable.comSearch.form[key] && DkTable.comSearch.form[key].length >= 2) {\n        // 数组转字符串，以实现通过url参数传递预设搜索值\n        if (fieldDataTemp.comSearchRender == 'date') {\n          val = DkTable.comSearch.form[key][0] + ' 00:00:00' + ',' + DkTable.comSearch.form[key][1] + ' 23:59:59'\n        } else {\n          val = DkTable.comSearch.form[key][0] + ',' + DkTable.comSearch.form[key][1]\n        }\n      }\n    } else if (fieldDataTemp.operator == 'RANGE' || fieldDataTemp.operator == 'NOT RANGE') {\n      // 普通的范围筛选，DkTable在初始化时已准备好start和end字段\n      if (!DkTable.comSearch.form[key + '-start'] && !DkTable.comSearch.form[key + '-end']) {\n        continue\n      }\n      val = DkTable.comSearch.form[key + '-start'] + ',' + DkTable.comSearch.form[key + '-end']\n    } else if (DkTable.comSearch.form[key]) {\n      val = DkTable.comSearch.form[key]\n    }\n\n    if (val) {\n      comSearchData.push({\n        field: key,\n        val,\n        operator: fieldDataTemp.operator,\n        render: fieldDataTemp.render,\n      })\n    }\n  }\n\n  console.log('comSearchData', comSearchData)\n  DkTable.onTableAction('com-search', comSearchData)\n}\n\nconst onResetForm = () => {\n  // 封装好的onResetForm在此处不能使用\n  for (const key in DkTable.comSearch.form) {\n    DkTable.comSearch.form[key] = ''\n  }\n  onComSearch()\n}\n</script>\n"],"names":["inject","ref","useElementSize","computed"],"mappings":"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"}
+{"version":3,"file":"ComSearch.vue2.js","sources":["../../../../src/table/src/components/ComSearch.vue"],"sourcesContent":["<template>\n  <div ref=\"el\" class=\"table-com-search\">\n    <el-form label-position=\"top\" :model=\"DkTable.comSearch.form\" @submit.prevent=\"\" @keyup.enter=\"onComSearch\">\n      <el-row>\n        <template v-for=\"(item, idx) in DkTable.table.column\" :key=\"idx\">\n          <template v-if=\"item.operator !== false\">\n            <!-- 自定义渲染 component、slot -->\n            <el-col\n              v-if=\"item.comSearchRender == 'customRender' || item.comSearchRender == 'slot'\"\n              :span=\"spans.common\"\n            >\n              <!-- 外部可以使用 :deep() 选择器修改css样式 -->\n              <div class=\"com-search-col\">\n                <div v-if=\"item.comSearchShowLabel !== false\" class=\"com-search-col-label\">\n                  {{ item.label }}\n                </div>\n                <div class=\"com-search-col-input\">\n                  <!-- 自定义组件/函数渲染 -->\n                  <component\n                    :is=\"item.comSearchComponent\"\n                    v-if=\"item.comSearchRender == 'customRender'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    v-bind=\"item.comSearchProps\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                  ></component>\n\n                  <!-- 自定义渲染-slot -->\n                  <slot v-else-if=\"item.comSearchRender == 'slot'\" :name=\"item.comSearchSlotName\"></slot>\n                </div>\n              </div>\n            </el-col>\n\n            <!-- 时间范围 -->\n            <el-col\n              v-else-if=\"item.render == 'datetime' && (item.operator == 'RANGE' || item.operator == 'NOT RANGE')\"\n              :span=\"spans.datetime\"\n            >\n              <div class=\"com-search-col\">\n                <div v-if=\"item.comSearchShowLabel !== false\" class=\"com-search-col-label\">\n                  {{ item.label }}\n                </div>\n                <div class=\"com-search-col-input-range\">\n                  <el-date-picker\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    :default-value=\"\n                      DkTable.comSearch.form[item.prop! + '-default']\n                        ? DkTable.comSearch.form[item.prop! + '-default']\n                        : [new Date(), new Date()]\n                    \"\n                    :type=\"item.comSearchRender == 'date' ? 'daterange' : 'datetimerange'\"\n                    range-separator=\"到\"\n                    start-placeholder=\"开始日期\"\n                    end-placeholder=\"结束日期\"\n                    :value-format=\"item.comSearchRender == 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'\"\n                    :teleported=\"false\"\n                  />\n                </div>\n              </div>\n            </el-col>\n            <!--时间范围-->\n            <el-col\n              v-else-if=\"item.render == 'time' && (item.operator == 'RANGE' || item.operator == 'NOT RANGE')\"\n              :span=\"spans.datetime\"\n            >\n              <div class=\"com-search-col\">\n                <div v-if=\"item.comSearchShowLabel !== false\" class=\"com-search-col-label\">\n                  {{ item.label }}\n                </div>\n                <div class=\"com-search-col-input-range\">\n                  <el-time-picker\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    is-range\n                    range-separator=\"到\"\n                    format=\"HH:mm:ss\"\n                    value-format=\"HH:mm:ss\"\n                    start-placeholder=\"开始时间\"\n                    end-placeholder=\"结束时间\"\n                  ></el-time-picker>\n                </div>\n              </div>\n            </el-col>\n            <el-col v-else :span=\"spans.common\">\n              <div class=\"com-search-col\">\n                <div v-if=\"item.comSearchShowLabel !== false\" class=\"com-search-col-label\">\n                  {{ item.label }}\n                </div>\n                <!-- 数字范围 -->\n                <div v-if=\"item.operator == 'RANGE' || item.operator == 'NOT RANGE'\" class=\"com-search-col-input-range\">\n                  <el-input\n                    v-model=\"DkTable.comSearch.form[item.prop! + '-start']\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                  <div class=\"range-separator\">到</div>\n                  <el-input\n                    v-model=\"DkTable.comSearch.form[item.prop! + '-end']\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                </div>\n                <!-- 是否 [NOT] NULL -->\n                <div v-else-if=\"item.operator == 'NULL' || item.operator == 'NOT NULL'\" class=\"com-search-col-input\">\n                  <el-checkbox\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :label=\"item.operator\"\n                    size=\"large\"\n                  ></el-checkbox>\n                </div>\n                <div v-else-if=\"item.operator\" class=\"com-search-col-input\">\n                  <!-- 时间筛选 -->\n                  <el-date-picker\n                    v-if=\"item.render == 'datetime' || item.comSearchRender == 'date'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    :type=\"item.comSearchRender == 'date' ? 'date' : 'datetime'\"\n                    :value-format=\"item.comSearchRender == 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :default-value=\"\n                      DkTable.comSearch.form[item.prop! + '-default']\n                        ? DkTable.comSearch.form[item.prop! + '-default']\n                        : new Date()\n                    \"\n                    :teleported=\"false\"\n                  />\n                  <!-- 年筛选 -->\n                  <el-date-picker\n                    v-if=\"item.render == 'year'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    type=\"year\"\n                    value-format=\"YYYY\"\n                    style=\"width: 100%\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                  />\n                  <!-- tag、tags、select -->\n                  <el-select\n                    v-else-if=\"\n                      (item.render == 'tag' || item.render == 'tags' || item.comSearchRender == 'select') &&\n                      item.replaceValue\n                    \"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :clearable=\"true\"\n                  >\n                    <el-option\n                      v-for=\"(opt, okey) in item.replaceValue\"\n                      :key=\"item.prop! + okey\"\n                      :label=\"opt\"\n                      :value=\"okey\"\n                    />\n                  </el-select>\n\n                  <!-- 远程 select -->\n                  <dk-select\n                    v-else-if=\"item.comSearchRender == 'remoteSelect'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :remote-url=\"item.remoteUrl\"\n                  ></dk-select>\n\n                  <!-- 开关 -->\n                  <el-select\n                    v-else-if=\"item.render == 'switch'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :clearable=\"true\"\n                  >\n                    <template v-if=\"!isEmpty(item.replaceValue)\">\n                      <el-option\n                        v-for=\"(opt, okey) in item.replaceValue\"\n                        :key=\"item.prop! + okey\"\n                        :label=\"opt\"\n                        :value=\"okey\"\n                      />\n                    </template>\n                    <template v-else>\n                      <el-option label=\"开\" value=\"1\" />\n                      <el-option label=\"关\" value=\"0\" />\n                    </template>\n                  </el-select>\n\n                  <!-- 字符串 -->\n                  <el-input\n                    v-else\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                </div>\n              </div>\n            </el-col>\n          </template>\n        </template>\n        <el-col :xs=\"24\" :sm=\"6\">\n          <div class=\"com-search-col pl-20\">\n            <el-button v-blur type=\"primary\" @click=\"onComSearch\"> 搜索</el-button>\n            <el-button @click=\"onResetForm()\">重置</el-button>\n          </div>\n        </el-col>\n      </el-row>\n    </el-form>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, ref, computed } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { useElementSize } from '@vueuse/core'\nimport DkTableClass from '../../utils/dkTable'\n\nconst DkTable = inject('DkTable') as DkTableClass\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\nconst spans = computed(() => {\n  if (width.value < 768) {\n    return {\n      common: 24,\n      datetime: 24,\n    }\n  }\n  if (width.value < 900) {\n    return {\n      common: 12,\n      datetime: 24,\n    }\n  }\n  if (width.value < 1200) {\n    return {\n      common: 8,\n      datetime: 16,\n    }\n  }\n  return {\n    common: 6,\n    datetime: 12,\n  }\n})\nconst onComSearch = () => {\n  const comSearchData: comSearchData[] = []\n  for (const key in DkTable.comSearch.form) {\n    if (!DkTable.comSearch.fieldData.has(key)) {\n      continue\n    }\n    let val = ''\n    const fieldDataTemp = DkTable.comSearch.fieldData.get(key)\n    if (\n      fieldDataTemp.render == 'datetime' &&\n      (fieldDataTemp.operator == 'RANGE' || fieldDataTemp.operator == 'NOT RANGE')\n    ) {\n      // 时间范围组件返回的是时间数组\n      if (DkTable.comSearch.form[key] && DkTable.comSearch.form[key].length >= 2) {\n        // 数组转字符串，以实现通过url参数传递预设搜索值\n        if (fieldDataTemp.comSearchRender == 'date') {\n          val = DkTable.comSearch.form[key][0] + ' 00:00:00' + ',' + DkTable.comSearch.form[key][1] + ' 23:59:59'\n        } else {\n          val = DkTable.comSearch.form[key][0] + ',' + DkTable.comSearch.form[key][1]\n        }\n      }\n    } else if (\n      fieldDataTemp.render == 'time' &&\n      (fieldDataTemp.operator == 'RANGE' || fieldDataTemp.operator == 'NOT RANGE')\n    ) {\n      // 时间范围组件返回的是时间数组\n      if (DkTable.comSearch.form[key] && DkTable.comSearch.form[key].length >= 2) {\n        // 数组转字符串，以实现通过url参数传递预设搜索值\n        // if (fieldDataTemp.comSearchRender == 'date') {\n        //   val = DkTable.comSearch.form[key][0] + ' 00:00:00' + ',' + DkTable.comSearch.form[key][1] + ' 23:59:59'\n        // } else {\n        val = DkTable.comSearch.form[key][0] + ',' + DkTable.comSearch.form[key][1]\n        console.log('val', val, DkTable.comSearch.form[key])\n        // }\n      }\n    } else if (fieldDataTemp.operator == 'RANGE' || fieldDataTemp.operator == 'NOT RANGE') {\n      // 普通的范围筛选，DkTable在初始化时已准备好start和end字段\n      if (!DkTable.comSearch.form[key + '-start'] && !DkTable.comSearch.form[key + '-end']) {\n        continue\n      }\n      val = DkTable.comSearch.form[key + '-start'] + ',' + DkTable.comSearch.form[key + '-end']\n    } else if (DkTable.comSearch.form[key]) {\n      val = DkTable.comSearch.form[key]\n    }\n\n    if (val) {\n      comSearchData.push({\n        field: key,\n        val,\n        operator: fieldDataTemp.operator,\n        render: fieldDataTemp.render,\n      })\n    }\n  }\n\n  console.log('comSearchData', comSearchData)\n  DkTable.onTableAction('com-search', comSearchData)\n}\n\nconst onResetForm = () => {\n  // 封装好的onResetForm在此处不能使用\n  for (const key in DkTable.comSearch.form) {\n    DkTable.comSearch.form[key] = ''\n  }\n  onComSearch()\n}\n</script>\n"],"names":["inject","ref","useElementSize","computed"],"mappings":"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"}

package/lib/table/src/components/FieldRender.vue2.js

@@ -20,21 +20,23 @@ 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 = {
+const _hoisted_10 = { key: 9 };
+const _hoisted_11 = { key: 10 };
+const _hoisted_12 = { key: 12 };
+const _hoisted_13 = {
   key: 0,
   class: "table-operate-text"
 };
-const _hoisted_12 = {
+const _hoisted_14 = {
   key: 0,
   class: "table-operate-text"
 };
-const _hoisted_13 = { class: "dk-tooltip-button" };
-const _hoisted_14 = {
+const _hoisted_15 = { class: "dk-tooltip-button" };
+const _hoisted_16 = {
   key: 0,
   class: "table-operate-text"
 };
-const _hoisted_15 = {
+const _hoisted_17 = {
   key: 0,
   class: "table-operate-text"
 };
@@ -249,8 +251,22 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             1
             /* TEXT */
           )) : vue.createCommentVNode("v-if", true),
+          _ctx.field.render == "time" ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            _hoisted_9,
+            vue.toDisplayString(fieldValue.value),
+            1
+            /* TEXT */
+          )) : vue.createCommentVNode("v-if", true),
+          _ctx.field.render == "year" ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            _hoisted_10,
+            vue.toDisplayString(fieldValue.value),
+            1
+            /* TEXT */
+          )) : vue.createCommentVNode("v-if", true),
           vue.createCommentVNode(" color "),
-          _ctx.field.render == "color" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+          _ctx.field.render == "color" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
             vue.createElementVNode(
               "div",
               {
@@ -264,7 +280,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ])) : 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,
+            key: 11,
             "render-row": _ctx.row,
             "render-field": _ctx.field,
             "render-value": fieldValue.value,
@@ -273,7 +289,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, 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, [
+          _ctx.field.render == "buttons" && _ctx.field.buttons ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               null,
@@ -301,7 +317,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             }, null, 8, ["icon"]),
                             btn.text ? (vue.openBlock(), vue.createElementBlock(
                               "div",
-                              _hoisted_11,
+                              _hoisted_13,
                               vue.toDisplayString(btn.text),
                               1
                               /* TEXT */
@@ -317,7 +333,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           key: 1,
                           disabled: !(btn.title && !btn.disabledTip),
                           content: btn.title ?? "",
-                          placement: "top"
+                          placement: "top",
+                          "hide-after": 0,
+                          "show-after": 100
                         }, {
                           default: vue.withCtx(() => [
                             vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_button, vue.mergeProps({
@@ -333,7 +351,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                 }, null, 8, ["icon"]),
                                 btn.text ? (vue.openBlock(), vue.createElementBlock(
                                   "div",
-                                  _hoisted_12,
+                                  _hoisted_14,
                                   vue.toDisplayString(btn.text),
                                   1
                                   /* TEXT */
@@ -353,10 +371,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           key: 2,
                           disabled: btn.disabled && btn.disabled(_ctx.row, _ctx.field)
                         }, btn.popconfirm, {
+                          "hide-after": 0,
+                          "show-after": 100,
                           onConfirm: ($event) => onButtonClick(btn)
                         }), {
                           reference: vue.withCtx(() => [
-                            vue.createElementVNode("div", _hoisted_13, [
+                            vue.createElementVNode("div", _hoisted_15, [
                               vue.createVNode(_component_el_tooltip, {
                                 disabled: !btn.title,
                                 content: btn.title ?? "",
@@ -374,7 +394,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                       }, null, 8, ["icon"]),
                                       btn.text ? (vue.openBlock(), vue.createElementBlock(
                                         "div",
-                                        _hoisted_14,
+                                        _hoisted_16,
                                         vue.toDisplayString(btn.text),
                                         1
                                         /* TEXT */
@@ -399,6 +419,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           key: 3,
                           disabled: !(btn.title && !btn.disabledTip),
                           content: btn.title ?? "",
+                          "hide-after": 0,
+                          "show-after": 100,
                           placement: "top"
                         }, {
                           default: vue.withCtx(() => [
@@ -413,7 +435,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                 }, null, 8, ["icon"]),
                                 btn.text ? (vue.openBlock(), vue.createElementBlock(
                                   "div",
-                                  _hoisted_15,
+                                  _hoisted_17,
                                   vue.toDisplayString(btn.text),
                                   1
                                   /* TEXT */

package/lib/table/src/components/FieldRender.vue2.js.map

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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  <div v-if=\"field.render == 'time'\">\n    {{ fieldValue }}\n  </div>\n  <div v-if=\"field.render == 'year'\">\n    {{ fieldValue }}\n  </div>\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          :hide-after=\"0\"\n          :show-after=\"100\"\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          :hide-after=\"0\"\n          :show-after=\"100\"\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          :hide-after=\"0\"\n          :show-after=\"100\"\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;;;;;;;;;;;AA+OD,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/table/src/components/header.vue2.js

@@ -66,9 +66,17 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const DkTable = vue.inject("DkTable");
     const columnDisplay = vue.computed(() => {
       const columnDisplayArr = [];
+      let cachedTableData = {};
+      if (DkTable.url) {
+        cachedTableData = JSON.parse(utils.storage.get(DkTable.url + "show_column") || "{}");
+      }
       for (const item of DkTable.table.column) {
+        if (cachedTableData[item.prop] !== void 0) {
+          item.show = cachedTableData[item.prop];
+        }
         item.type === "selection" || item.render === "buttons" || item.enableColumnDisplayControl === false ? "" : columnDisplayArr.push(item);
       }
+      console.log("columnDisplayArr", columnDisplayArr);
       return columnDisplayArr;
     });
     const enableBatchOpt = vue.computed(() => DkTable.table.selection.length > 0);

package/lib/table/src/components/header.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.vue2.js","sources":["../../../../src/table/src/components/header.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkTableHeader',\n});\n</script>\n<template>\n  <el-collapse-transition>\n    <ComSearch v-show=\"props.buttons.includes('comSearch') && DkTable.table.showComSearch\">\n      <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]>\n        <slot :name=\"idx\"></slot>\n      </template>\n    </ComSearch>\n  </el-collapse-transition>\n  <div class=\"dk-table-header\">\n    <slot name=\"refreshPrepend\"></slot>\n    <el-tooltip v-if=\"props.buttons.includes('refresh')\" content=\"刷新\" placement=\"top\">\n      <el-button v-blur class=\"table-header-operate\" type=\"info\" @click=\"onAction('refresh', { loading: true })\">\n        <dk-icon icon=\"Refresh\"></dk-icon>\n      </el-button>\n    </el-tooltip>\n    <slot name=\"refreshAppend\"></slot>\n    <el-tooltip v-if=\"props.buttons.includes('add') && DkTable.auth('add')\" content=\"新增\" placement=\"top\">\n      <el-button v-blur class=\"table-header-operate\" type=\"primary\" @click=\"onAction('add')\">\n        <dk-icon icon=\"typcn:plus\"></dk-icon>\n        <span class=\"m-l-5px\">新增</span>\n      </el-button>\n    </el-tooltip>\n    <el-tooltip v-if=\"props.buttons.includes('edit') && DkTable.auth('edit')\" content=\"编辑选中行\" placement=\"top\">\n      <el-button\n        v-blur\n        :disabled=\"!enableBatchOpt\"\n        class=\"table-header-operate\"\n        type=\"primary\"\n        @click=\"onAction('edit')\"\n      >\n        <dk-icon icon=\"typcn:edit\"></dk-icon>\n        <span class=\"m-l-5px\">编辑</span>\n      </el-button>\n    </el-tooltip>\n    <el-popconfirm\n      v-if=\"props.buttons.includes('delete') && DkTable.auth('del')\"\n      confirm-button-text=\"删除\"\n      cancel-button-text=\"取消\"\n      confirm-button-type=\"danger\"\n      title=\"您确定要删除所选记录吗？\"\n      :disabled=\"!enableBatchOpt\"\n      @confirm=\"onAction('delete')\"\n    >\n      <template #reference>\n        <div class=\"m-l-5px\">\n          <el-tooltip content=\"删除所选行\" placement=\"top\">\n            <el-button v-blur :disabled=\"!enableBatchOpt\" class=\"table-header-operate\" type=\"danger\">\n              <!--                <Icon name=\"fa fa-trash\" />-->\n              <dk-icon icon=\"typcn:trash\"></dk-icon>\n              <span class=\"m-l-5px\">删除</span>\n            </el-button>\n          </el-tooltip>\n        </div>\n      </template>\n    </el-popconfirm>\n    <el-tooltip\n      v-if=\"props.buttons.includes('unfold')\"\n      :content=\"(DkTable.table.expandAll ? '收缩' : '展开') + '所有子菜单'\"\n      placement=\"top\"\n    >\n      <el-button\n        v-blur\n        class=\"table-header-operate\"\n        :type=\"DkTable.table.expandAll ? 'danger' : 'warning'\"\n        @click=\"\n          DkTable.onTableHeaderAction('unfold', {\n            unfold: !DkTable.table.expandAll,\n          })\n        \"\n      >\n        <span class=\"table-header-operate-text\">\n          {{ DkTable.table.expandAll ? '收缩所有' : '展开所有' }}\n        </span>\n      </el-button>\n    </el-tooltip>\n    <el-tooltip content=\"打开回收站\" placement=\"top\">\n      <el-button\n        v-blur\n        class=\"table-header-operate m-l-5px\"\n        type=\"warning\"\n        :loading=\"DkTable.recycleTable.showDialogLoading\"\n        @click=\"onAction('recycle')\"\n      >\n        <span class=\"table-header-operate-text\"> 回收站 </span>\n      </el-button>\n    </el-tooltip>\n    <div class=\"table-search\">\n      <div class=\"mr-1\">\n        <el-input\n          v-model=\"DkTable.table.filter!.quickSearch\"\n          placeholder=\"请输入\"\n          prefix-icon=\"Search\"\n          :size=\"size\"\n          @input=\"debounce(onSearchInput, 500)()\"\n        />\n      </div>\n      <div class=\"table-search-button-group\">\n        <el-dropdown v-if=\"props.buttons.includes('columnDisplay')\" :max-height=\"380\" :hide-on-click=\"false\">\n          <el-button\n            v-blur\n            :size=\"size\"\n            class=\"table-search-button-item\"\n            :class=\"props.buttons.includes('comSearch') ? 'right-border' : ''\"\n          >\n            <dk-icon icon=\"Grid\"></dk-icon>\n          </el-button>\n          <template #dropdown>\n            <el-dropdown-menu>\n              <el-dropdown-item v-for=\"(item, idx) in columnDisplay\" :key=\"idx\">\n                <el-checkbox\n                  v-if=\"item.prop\"\n                  :checked=\"!item.show\"\n                  :model-value=\"item.show\"\n                  :size=\"size\"\n                  :label=\"item.label\"\n                  @change=\"onChangeShowColumn($event, item.prop!)\"\n                />\n              </el-dropdown-item>\n            </el-dropdown-menu>\n          </template>\n        </el-dropdown>\n        <div>\n          <el-tooltip\n            v-if=\"props.buttons.includes('comSearch')\"\n            :disabled=\"DkTable.table.showComSearch\"\n            content=\"展开常规搜索\"\n            placement=\"top\"\n          >\n            <el-button\n              v-blur\n              :size=\"size\"\n              class=\"table-search-button-item\"\n              @click=\"DkTable.table.showComSearch = !DkTable.table.showComSearch\"\n            >\n              <dk-icon icon=\"Search\"></dk-icon>\n            </el-button>\n          </el-tooltip>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { inject, computed } from 'vue'\nimport dkTable from '../../utils/dkTable'\nimport ComSearch from './ComSearch.vue'\nimport { debounce } from '@vipl520/utils'\n\n\n\nconst DkTable = inject('DkTable') as dkTable\n\nconst props = defineProps({\n  size: {\n    default: 'small',\n    type: String,\n  },\n  buttons: {\n    default: () => {\n      return ['refresh', 'add', 'edit', 'delete', 'comSearch', 'quickSearch', 'columnDisplay']\n    },\n    type: Array,\n  },\n  quickSearchPlaceholder: {\n    default: '快捷搜索',\n    type: String,\n  },\n})\n\nconst columnDisplay = computed(() => {\n  const columnDisplayArr = []\n  for (const item of DkTable.table.column) {\n    // eslint-disable-next-line no-unused-expressions\n    item.type === 'selection' || item.render === 'buttons' || item.enableColumnDisplayControl === false\n      ? ''\n      : columnDisplayArr.push(item)\n  }\n  return columnDisplayArr\n})\n\nconst enableBatchOpt = computed(() => DkTable.table.selection!.length > 0)\n\nconst onAction = (event: string, data: anyObj = {}) => {\n  DkTable.onTableHeaderAction(event, data)\n}\n\nconst onSearchInput = () => {\n  DkTable.onTableHeaderAction('quick-search', {\n    keyword: DkTable.table.filter!.quickSearch,\n  })\n}\n\nconst onChangeShowColumn = (value: string | number | boolean, field: string) => {\n  DkTable.onTableHeaderAction('change-show-column', {\n    field,\n    value,\n  })\n}\n</script>\n"],"names":["__MACROS_defineComponent","inject","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAwJD,IAAM,MAAA,OAAA,GAAUC,WAAO,SAAS,CAAA,CAAA;AAmBhC,IAAM,MAAA,aAAA,GAAgBC,aAAS,MAAM;AACnC,MAAA,MAAM,mBAAmB,EAAC,CAAA;AAC1B,MAAW,KAAA,MAAA,IAAA,IAAQ,OAAQ,CAAA,KAAA,CAAM,MAAQ,EAAA;AAEvC,QAAK,IAAA,CAAA,IAAA,KAAS,WAAe,IAAA,IAAA,CAAK,MAAW,KAAA,SAAA,IAAa,IAAK,CAAA,0BAAA,KAA+B,KAC1F,GAAA,EAAA,GACA,gBAAiB,CAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA,OAChC;AACA,MAAO,OAAA,gBAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,iBAAiBA,YAAS,CAAA,MAAM,QAAQ,KAAM,CAAA,SAAA,CAAW,SAAS,CAAC,CAAA,CAAA;AAEzE,IAAA,MAAM,QAAW,GAAA,CAAC,KAAe,EAAA,IAAA,GAAe,EAAO,KAAA;AACrD,MAAQ,OAAA,CAAA,mBAAA,CAAoB,OAAO,IAAI,CAAA,CAAA;AAAA,KACzC,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,oBAAoB,cAAgB,EAAA;AAAA,QAC1C,OAAA,EAAS,OAAQ,CAAA,KAAA,CAAM,MAAQ,CAAA,WAAA;AAAA,OAChC,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAkC,KAAkB,KAAA;AAC9E,MAAA,OAAA,CAAQ,oBAAoB,oBAAsB,EAAA;AAAA,QAChD,KAAA;AAAA,QACA,KAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"header.vue2.js","sources":["../../../../src/table/src/components/header.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkTableHeader',\n});\n</script>\n<template>\n  <el-collapse-transition>\n    <ComSearch v-show=\"props.buttons.includes('comSearch') && DkTable.table.showComSearch\">\n      <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]>\n        <slot :name=\"idx\"></slot>\n      </template>\n    </ComSearch>\n  </el-collapse-transition>\n  <div class=\"dk-table-header\">\n    <slot name=\"refreshPrepend\"></slot>\n    <el-tooltip v-if=\"props.buttons.includes('refresh')\" content=\"刷新\" placement=\"top\">\n      <el-button v-blur class=\"table-header-operate\" type=\"info\" @click=\"onAction('refresh', { loading: true })\">\n        <dk-icon icon=\"Refresh\"></dk-icon>\n      </el-button>\n    </el-tooltip>\n    <slot name=\"refreshAppend\"></slot>\n    <el-tooltip v-if=\"props.buttons.includes('add') && DkTable.auth('add')\" content=\"新增\" placement=\"top\">\n      <el-button v-blur class=\"table-header-operate\" type=\"primary\" @click=\"onAction('add')\">\n        <dk-icon icon=\"typcn:plus\"></dk-icon>\n        <span class=\"m-l-5px\">新增</span>\n      </el-button>\n    </el-tooltip>\n    <el-tooltip v-if=\"props.buttons.includes('edit') && DkTable.auth('edit')\" content=\"编辑选中行\" placement=\"top\">\n      <el-button\n        v-blur\n        :disabled=\"!enableBatchOpt\"\n        class=\"table-header-operate\"\n        type=\"primary\"\n        @click=\"onAction('edit')\"\n      >\n        <dk-icon icon=\"typcn:edit\"></dk-icon>\n        <span class=\"m-l-5px\">编辑</span>\n      </el-button>\n    </el-tooltip>\n    <el-popconfirm\n      v-if=\"props.buttons.includes('delete') && DkTable.auth('del')\"\n      confirm-button-text=\"删除\"\n      cancel-button-text=\"取消\"\n      confirm-button-type=\"danger\"\n      title=\"您确定要删除所选记录吗？\"\n      :disabled=\"!enableBatchOpt\"\n      @confirm=\"onAction('delete')\"\n    >\n      <template #reference>\n        <div class=\"m-l-5px\">\n          <el-tooltip content=\"删除所选行\" placement=\"top\">\n            <el-button v-blur :disabled=\"!enableBatchOpt\" class=\"table-header-operate\" type=\"danger\">\n              <!--                <Icon name=\"fa fa-trash\" />-->\n              <dk-icon icon=\"typcn:trash\"></dk-icon>\n              <span class=\"m-l-5px\">删除</span>\n            </el-button>\n          </el-tooltip>\n        </div>\n      </template>\n    </el-popconfirm>\n    <el-tooltip\n      v-if=\"props.buttons.includes('unfold')\"\n      :content=\"(DkTable.table.expandAll ? '收缩' : '展开') + '所有子菜单'\"\n      placement=\"top\"\n    >\n      <el-button\n        v-blur\n        class=\"table-header-operate\"\n        :type=\"DkTable.table.expandAll ? 'danger' : 'warning'\"\n        @click=\"\n          DkTable.onTableHeaderAction('unfold', {\n            unfold: !DkTable.table.expandAll,\n          })\n        \"\n      >\n        <span class=\"table-header-operate-text\">\n          {{ DkTable.table.expandAll ? '收缩所有' : '展开所有' }}\n        </span>\n      </el-button>\n    </el-tooltip>\n    <el-tooltip content=\"打开回收站\" placement=\"top\">\n      <el-button\n        v-blur\n        class=\"table-header-operate m-l-5px\"\n        type=\"warning\"\n        :loading=\"DkTable.recycleTable.showDialogLoading\"\n        @click=\"onAction('recycle')\"\n      >\n        <span class=\"table-header-operate-text\"> 回收站 </span>\n      </el-button>\n    </el-tooltip>\n    <div class=\"table-search\">\n      <div class=\"mr-1\">\n        <el-input\n          v-model=\"DkTable.table.filter!.quickSearch\"\n          placeholder=\"请输入\"\n          prefix-icon=\"Search\"\n          :size=\"size\"\n          @input=\"debounce(onSearchInput, 500)()\"\n        />\n      </div>\n      <div class=\"table-search-button-group\">\n        <el-dropdown v-if=\"props.buttons.includes('columnDisplay')\" :max-height=\"380\" :hide-on-click=\"false\">\n          <el-button\n            v-blur\n            :size=\"size\"\n            class=\"table-search-button-item\"\n            :class=\"props.buttons.includes('comSearch') ? 'right-border' : ''\"\n          >\n            <dk-icon icon=\"Grid\"></dk-icon>\n          </el-button>\n          <template #dropdown>\n            <el-dropdown-menu>\n              <el-dropdown-item v-for=\"(item, idx) in columnDisplay\" :key=\"idx\">\n                <el-checkbox\n                  v-if=\"item.prop\"\n                  :checked=\"!item.show\"\n                  :model-value=\"item.show\"\n                  :size=\"size\"\n                  :label=\"item.label\"\n                  @change=\"onChangeShowColumn($event, item.prop!)\"\n                />\n              </el-dropdown-item>\n            </el-dropdown-menu>\n          </template>\n        </el-dropdown>\n        <div>\n          <el-tooltip\n            v-if=\"props.buttons.includes('comSearch')\"\n            :disabled=\"DkTable.table.showComSearch\"\n            content=\"展开常规搜索\"\n            placement=\"top\"\n          >\n            <el-button\n              v-blur\n              :size=\"size\"\n              class=\"table-search-button-item\"\n              @click=\"DkTable.table.showComSearch = !DkTable.table.showComSearch\"\n            >\n              <dk-icon icon=\"Search\"></dk-icon>\n            </el-button>\n          </el-tooltip>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { inject, computed } from 'vue'\nimport dkTable from '../../utils/dkTable'\nimport ComSearch from './ComSearch.vue'\nimport { debounce, storage } from '@vipl520/utils'\n\n\n\nconst DkTable = inject('DkTable') as dkTable\n\nconst props = defineProps({\n  size: {\n    default: 'small',\n    type: String,\n  },\n  buttons: {\n    default: () => {\n      return ['refresh', 'add', 'edit', 'delete', 'comSearch', 'quickSearch', 'columnDisplay']\n    },\n    type: Array,\n  },\n  quickSearchPlaceholder: {\n    default: '快捷搜索',\n    type: String,\n  },\n})\n\nconst columnDisplay = computed(() => {\n  const columnDisplayArr = []\n  let cachedTableData: any = {}\n  if (DkTable.url) {\n    cachedTableData = JSON.parse(storage.get(DkTable.url + 'show_column') || '{}')\n  }\n  for (const item of DkTable.table.column) {\n    if (cachedTableData[item.prop] !== undefined) {\n      item.show = cachedTableData[item.prop]\n    }\n    // eslint-disable-next-line no-unused-expressions\n    item.type === 'selection' || item.render === 'buttons' || item.enableColumnDisplayControl === false\n      ? ''\n      : columnDisplayArr.push(item)\n  }\n  console.log('columnDisplayArr', columnDisplayArr)\n  return columnDisplayArr\n})\n\nconst enableBatchOpt = computed(() => DkTable.table.selection!.length > 0)\n\nconst onAction = (event: string, data: anyObj = {}) => {\n  DkTable.onTableHeaderAction(event, data)\n}\n\nconst onSearchInput = () => {\n  DkTable.onTableHeaderAction('quick-search', {\n    keyword: DkTable.table.filter!.quickSearch,\n  })\n}\n\nconst onChangeShowColumn = (value: string | number | boolean, field: string) => {\n  DkTable.onTableHeaderAction('change-show-column', {\n    field,\n    value,\n  })\n}\n</script>\n"],"names":["__MACROS_defineComponent","inject","computed","storage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAwJD,IAAM,MAAA,OAAA,GAAUC,WAAO,SAAS,CAAA,CAAA;AAmBhC,IAAM,MAAA,aAAA,GAAgBC,aAAS,MAAM;AACnC,MAAA,MAAM,mBAAmB,EAAC,CAAA;AAC1B,MAAA,IAAI,kBAAuB,EAAC,CAAA;AAC5B,MAAA,IAAI,QAAQ,GAAK,EAAA;AACf,QAAkB,eAAA,GAAA,IAAA,CAAK,MAAMC,aAAQ,CAAA,GAAA,CAAI,QAAQ,GAAM,GAAA,aAAa,KAAK,IAAI,CAAA,CAAA;AAAA,OAC/E;AACA,MAAW,KAAA,MAAA,IAAA,IAAQ,OAAQ,CAAA,KAAA,CAAM,MAAQ,EAAA;AACvC,QAAA,IAAI,eAAgB,CAAA,IAAA,CAAK,IAAI,CAAA,KAAM,KAAW,CAAA,EAAA;AAC5C,UAAK,IAAA,CAAA,IAAA,GAAO,eAAgB,CAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA,SACvC;AAEA,QAAK,IAAA,CAAA,IAAA,KAAS,WAAe,IAAA,IAAA,CAAK,MAAW,KAAA,SAAA,IAAa,IAAK,CAAA,0BAAA,KAA+B,KAC1F,GAAA,EAAA,GACA,gBAAiB,CAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA,OAChC;AACA,MAAQ,OAAA,CAAA,GAAA,CAAI,oBAAoB,gBAAgB,CAAA,CAAA;AAChD,MAAO,OAAA,gBAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,iBAAiBD,YAAS,CAAA,MAAM,QAAQ,KAAM,CAAA,SAAA,CAAW,SAAS,CAAC,CAAA,CAAA;AAEzE,IAAA,MAAM,QAAW,GAAA,CAAC,KAAe,EAAA,IAAA,GAAe,EAAO,KAAA;AACrD,MAAQ,OAAA,CAAA,mBAAA,CAAoB,OAAO,IAAI,CAAA,CAAA;AAAA,KACzC,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,oBAAoB,cAAgB,EAAA;AAAA,QAC1C,OAAA,EAAS,OAAQ,CAAA,KAAA,CAAM,MAAQ,CAAA,WAAA;AAAA,OAChC,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAkC,KAAkB,KAAA;AAC9E,MAAA,OAAA,CAAQ,oBAAoB,oBAAsB,EAAA;AAAA,QAChD,KAAA;AAAA,QACA,KAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/table/src/props.d.ts

@@ -4,5 +4,9 @@ export declare const tableProps: {
         default: string;
         type: StringConstructor;
     };
+    cacheTable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 };
 export type TableProps = ExtractPropTypes<typeof tableProps>;

package/lib/table/src/props.js

@@ -4,6 +4,10 @@ const tableProps = {
   tableApi: {
     default: "",
     type: String
+  },
+  cacheTable: {
+    default: true,
+    type: Boolean
   }
   // ...ElTableNext.props,
 };

package/lib/table/src/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../src/table/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n// import ElTableNext from 'el-table-next'\n\nexport const tableProps = {\n  tableApi: {\n    default: '',\n    type: String,\n  },\n  // ...ElTableNext.props,\n}\n\nexport type TableProps = ExtractPropTypes<typeof tableProps>\n"],"names":[],"mappings":";;AAGO,MAAM,UAAa,GAAA;AAAA,EACxB,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAEF;;;;"}
+{"version":3,"file":"props.js","sources":["../../../src/table/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n// import ElTableNext from 'el-table-next'\n\nexport const tableProps = {\n  tableApi: {\n    default: '',\n    type: String,\n  },\n  cacheTable: {\n    default: true,\n    type: Boolean,\n  },\n  // ...ElTableNext.props,\n}\n\nexport type TableProps = ExtractPropTypes<typeof tableProps>\n"],"names":[],"mappings":";;AAGO,MAAM,UAAa,GAAA;AAAA,EACxB,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,UAAY,EAAA;AAAA,IACV,OAAS,EAAA,IAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAEF;;;;"}