@vipl520/dk-ui 1.0.40 → 1.0.42

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            <!--时间范围-->\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                    filterable\n                    :placeholder=\"item.operatorPlaceholder\"\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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"}
+{"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\n      label-position=\"top\"\n      :model=\"DkTable.comSearch.form\"\n      @submit.prevent=\"\"\n      @keyup.enter=\"onComSearch\"\n    >\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=\"\n                item.comSearchRender == 'customRender' ||\n                item.comSearchRender == 'slot'\n              \"\n              :span=\"spans.common\"\n            >\n              <!-- 外部可以使用 :deep() 选择器修改css样式 -->\n              <div class=\"com-search-col\">\n                <div\n                  v-if=\"item.comSearchShowLabel !== false\"\n                  class=\"com-search-col-label\"\n                >\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\n                    v-else-if=\"item.comSearchRender == 'slot'\"\n                    :name=\"item.comSearchSlotName\"\n                  ></slot>\n                </div>\n              </div>\n            </el-col>\n\n            <!-- 时间范围 -->\n            <el-col\n              v-else-if=\"\n                item.render == 'datetime' &&\n                (item.operator == 'RANGE' || item.operator == 'NOT RANGE')\n              \"\n              :span=\"spans.datetime\"\n            >\n              <div class=\"com-search-col\">\n                <div\n                  v-if=\"item.comSearchShowLabel !== false\"\n                  class=\"com-search-col-label\"\n                >\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=\"\n                      item.comSearchRender == 'date'\n                        ? 'daterange'\n                        : 'datetimerange'\n                    \"\n                    range-separator=\"到\"\n                    start-placeholder=\"开始日期\"\n                    end-placeholder=\"结束日期\"\n                    :value-format=\"\n                      item.comSearchRender == 'date'\n                        ? 'YYYY-MM-DD'\n                        : 'YYYY-MM-DD HH:mm:ss'\n                    \"\n                    :teleported=\"false\"\n                  />\n                </div>\n              </div>\n            </el-col>\n            <!--时间范围-->\n            <el-col\n              v-else-if=\"\n                item.render == 'time' &&\n                (item.operator == 'RANGE' || item.operator == 'NOT RANGE')\n              \"\n              :span=\"spans.datetime\"\n            >\n              <div class=\"com-search-col\">\n                <div\n                  v-if=\"item.comSearchShowLabel !== false\"\n                  class=\"com-search-col-label\"\n                >\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\n                  v-if=\"item.comSearchShowLabel !== false\"\n                  class=\"com-search-col-label\"\n                >\n                  {{ item.label }}\n                </div>\n                <!-- 数字范围 -->\n                <div\n                  v-if=\"\n                    item.operator == 'RANGE' || item.operator == 'NOT RANGE'\n                  \"\n                  class=\"com-search-col-input-range\"\n                >\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\n                  v-else-if=\"\n                    item.operator == 'NULL' || item.operator == 'NOT NULL'\n                  \"\n                  class=\"com-search-col-input\"\n                >\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=\"\n                      item.render == 'datetime' ||\n                      item.comSearchRender == 'date'\n                    \"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    :type=\"item.comSearchRender == 'date' ? 'date' : 'datetime'\"\n                    :value-format=\"\n                      item.comSearchRender == 'date'\n                        ? 'YYYY-MM-DD'\n                        : 'YYYY-MM-DD HH:mm:ss'\n                    \"\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' ||\n                        item.render == 'tags' ||\n                        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                    filterable\n                    :placeholder=\"item.operatorPlaceholder\"\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\">\n              搜索</el-button\n            >\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' ||\n        fieldDataTemp.operator == 'NOT RANGE')\n    ) {\n      // 时间范围组件返回的是时间数组\n      if (\n        DkTable.comSearch.form[key] &&\n        DkTable.comSearch.form[key].length >= 2\n      ) {\n        // 数组转字符串，以实现通过url参数传递预设搜索值\n        if (fieldDataTemp.comSearchRender == 'date') {\n          val =\n            DkTable.comSearch.form[key][0] +\n            ' 00:00:00' +\n            ',' +\n            DkTable.comSearch.form[key][1] +\n            ' 23:59:59'\n        } else {\n          val =\n            DkTable.comSearch.form[key][0] +\n            ',' +\n            DkTable.comSearch.form[key][1]\n        }\n      }\n    } else if (\n      fieldDataTemp.render == 'time' &&\n      (fieldDataTemp.operator == 'RANGE' ||\n        fieldDataTemp.operator == 'NOT RANGE')\n    ) {\n      // 时间范围组件返回的是时间数组\n      if (\n        DkTable.comSearch.form[key] &&\n        DkTable.comSearch.form[key].length >= 2\n      ) {\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 =\n          DkTable.comSearch.form[key][0] + ',' + DkTable.comSearch.form[key][1]\n        // console.log('val', val, DkTable.comSearch.form[key])\n        // }\n      }\n    } else if (\n      fieldDataTemp.operator == 'RANGE' ||\n      fieldDataTemp.operator == 'NOT RANGE'\n    ) {\n      // 普通的范围筛选，DkTable在初始化时已准备好start和end字段\n      if (\n        !DkTable.comSearch.form[key + '-start'] &&\n        !DkTable.comSearch.form[key + '-end']\n      ) {\n        continue\n      }\n      val =\n        DkTable.comSearch.form[key + '-start'] +\n        ',' +\n        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.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var FieldRender_vue_vue_type_script_setup_true_lang = require('./FieldRender.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var DkFieldRender = /* @__PURE__ */ _pluginVue_exportHelper.default(FieldRender_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\components\\FieldRender.vue"]]);
+var DkFieldRender = /* @__PURE__ */ _pluginVue_exportHelper.default(FieldRender_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\table\\src\\components\\FieldRender.vue"]]);
 
 exports.default = DkFieldRender;
 //# sourceMappingURL=FieldRender.vue.js.map

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    size=\"small\"\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;;;;;;;;;;;AAgPD,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\n      v-if=\"fieldValue || field.default\"\n      :icon=\"fieldValue ? fieldValue : field.default\"\n    />\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    size=\"small\"\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          {{\n            field.replaceValue ? field.replaceValue[tag] ?? tag : tag\n          }}</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        {{\n          field.replaceValue\n            ? field.replaceValue[fieldValue] ?? fieldValue\n            : fieldValue\n        }}\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    {{\n      !fieldValue ? '-' : timeFormat(fieldValue, field.timeFormat ?? undefined)\n    }}\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=\"\n            btn.render == 'tipButton' &&\n            ((btn.name == 'edit' && DkTable.auth('edit')) || btn.name != 'edit')\n          \"\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' &&\n            ((btn.name == 'delete' && DkTable.auth('del')) ||\n              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\n                :disabled=\"!btn.title\"\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                >\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')) ||\n              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;;;;;;;;;;;AAqQD,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/RecycleDialog.vue.js

@@ -5,7 +5,7 @@ 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-back\\packages\\dk-ui\\src\\table\\src\\components\\RecycleDialog.vue"]]);
+var RecycleDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(RecycleDialog_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\table\\src\\components\\RecycleDialog.vue"]]);
 
 exports.default = RecycleDialog;
 //# sourceMappingURL=RecycleDialog.vue.js.map

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

@@ -75,7 +75,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const destroySelect = () => {
       destroy(getSelectionIds());
     };
-    const enableBatchOpt = vue.computed(() => DkTable.recycleTable.selection.length > 0);
+    const enableBatchOpt = vue.computed(
+      () => DkTable.recycleTable.selection.length > 0
+    );
     return (_ctx, _cache) => {
       const _component_dk_icon = vue.resolveComponent("dk-icon");
       const _component_el_button = vue.resolveComponent("el-button");

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

@@ -1 +1 @@
-{"version":3,"file":"RecycleDialog.vue2.js","sources":["../../../../src/table/src/components/RecycleDialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'RecycleDialog',\n});\n</script>\n<template>\n  <dk-dialog v-model=\"DkTable.recycleTable.showDialog\" title=\"回收站\" width=\"1000px\" class=\"dk-table\">\n    <div class=\"dk-table-header\">\n      <el-button class=\"table-header-operate\" type=\"info\" @click=\"DkTable.onTableHeaderAction('refreshRecycle')\">\n        <dk-icon icon=\"Refresh\"></dk-icon>\n      </el-button>\n      <el-button class=\"table-header-operate\" type=\"primary\" :disabled=\"!enableBatchOpt\" @click=\"restoreSelect()\">\n        <dk-icon icon=\"RefreshLeft\"></dk-icon>\n        <span class=\"m-l-5px\">还原</span>\n      </el-button>\n      <el-button class=\"table-header-operate\" type=\"danger\" :disabled=\"!enableBatchOpt\" @click=\"destroySelect()\">\n        <dk-icon icon=\"CloseBold\"></dk-icon>\n        <span class=\"m-l-5px\">销毁</span>\n      </el-button>\n      <el-popconfirm\n        confirm-button-text=\"还原\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要还原全部？\"\n        @confirm=\"restore(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-6px\">\n            <el-button class=\"table-header-operate\" type=\"success\">\n              <dk-icon icon=\"RefreshLeft\"></dk-icon>\n              <span class=\"m-l-5px\">还原全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <el-popconfirm\n        confirm-button-text=\"清空\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要清空全部？\"\n        @confirm=\"destroy(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-5px\">\n            <el-button class=\"table-header-operate\" type=\"danger\">\n              <dk-icon icon=\"CloseBold\"></dk-icon>\n              <span class=\"m-l-5px\">清空全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <div class=\"table-search\">\n        <el-input\n          v-model=\"DkTable.recycleTable.filter!.quickSearch\"\n          placeholder=\"请输入\"\n          prefix-icon=\"Search\"\n          @input=\"debounce(onSearchInput, 500)()\"\n        />\n      </div>\n    </div>\n    <!--表格s-->\n    <el-table\n      v-loading=\"DkTable.recycleTable.loading\"\n      :data=\"DkTable.recycleTable.data\"\n      class=\"dk-data-table\"\n      @selection-change=\"onSelectionChange\"\n    >\n      <el-table-column\n        v-for=\"(item, key) in DkTable.recycleTable.column\"\n        v-bind=\"{ ...item }\"\n        :key=\"key\"\n      ></el-table-column>\n      <!--      </template>-->\n      <el-table-column label=\"操作\" align=\"right\">\n        <template #default=\"{ row }\">\n          <el-button icon=\"RefreshLeft\" type=\"primary\" size=\"small\" @click=\"restore([row.id])\"> 还原 </el-button>\n          <el-button icon=\"CloseBold\" type=\"danger\" size=\"small\" @click=\"destroy([row.id])\"> 销毁 </el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n    <!--表格e-->\n  </dk-dialog>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport dkTable from '../../utils/dkTable'\nimport { debounce } from '@vipl520/utils'\n\n\nconst DkTable = inject('DkTable') as dkTable\n\nconst onSearchInput = () => {\n  DkTable.onTableHeaderAction('quick-recycle-search', {\n    keyword: DkTable.recycleTable.filter!.quickSearch,\n  })\n}\n\n/*\n * 记录选择的项\n */\nconst onSelectionChange = (selection: TableRow[]) => {\n  DkTable.onTableAction('selection-recycle-change', selection)\n}\n\n/**\n * 销毁\n */\nconst destroy = (ids: any) => {\n  DkTable.api.destroy(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\n/**\n * 还原\n */\nconst restore = (ids: any) => {\n  DkTable.api.restore(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\nconst getSelectionIds = () => {\n  const ids: string[] = []\n  DkTable.recycleTable.selection?.forEach((item) => {\n    ids.push(item[DkTable.recycleTable.pk!])\n  })\n  return ids\n}\n\nconst restoreSelect = () => {\n  restore(getSelectionIds())\n}\n\nconst destroySelect = () => {\n  destroy(getSelectionIds())\n}\n\nconst enableBatchOpt = computed(() => DkTable.recycleTable.selection!.length > 0)\n</script>\n<style scoped></style>\n"],"names":["__MACROS_defineComponent","inject","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;AAsFD,IAAM,MAAA,OAAA,GAAUC,WAAO,SAAS,CAAA,CAAA;AAEhC,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,oBAAoB,sBAAwB,EAAA;AAAA,QAClD,OAAA,EAAS,OAAQ,CAAA,YAAA,CAAa,MAAQ,CAAA,WAAA;AAAA,OACvC,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,iBAAA,GAAoB,CAAC,SAA0B,KAAA;AACnD,MAAQ,OAAA,CAAA,aAAA,CAAc,4BAA4B,SAAS,CAAA,CAAA;AAAA,KAC7D,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC5B,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC5B,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,MAAM,MAAgB,EAAC,CAAA;AACvB,MAAA,OAAA,CAAQ,YAAa,CAAA,SAAA,EAAW,OAAQ,CAAA,CAAC,IAAS,KAAA;AAChD,QAAA,GAAA,CAAI,IAAK,CAAA,IAAA,CAAK,OAAQ,CAAA,YAAA,CAAa,EAAG,CAAC,CAAA,CAAA;AAAA,OACxC,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,iBAAiBC,YAAS,CAAA,MAAM,QAAQ,YAAa,CAAA,SAAA,CAAW,SAAS,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RecycleDialog.vue2.js","sources":["../../../../src/table/src/components/RecycleDialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'RecycleDialog',\n});\n</script>\n<template>\n  <dk-dialog\n    v-model=\"DkTable.recycleTable.showDialog\"\n    title=\"回收站\"\n    width=\"1000px\"\n    class=\"dk-table\"\n  >\n    <div class=\"dk-table-header\">\n      <el-button\n        class=\"table-header-operate\"\n        type=\"info\"\n        @click=\"DkTable.onTableHeaderAction('refreshRecycle')\"\n      >\n        <dk-icon icon=\"Refresh\"></dk-icon>\n      </el-button>\n      <el-button\n        class=\"table-header-operate\"\n        type=\"primary\"\n        :disabled=\"!enableBatchOpt\"\n        @click=\"restoreSelect()\"\n      >\n        <dk-icon icon=\"RefreshLeft\"></dk-icon>\n        <span class=\"m-l-5px\">还原</span>\n      </el-button>\n      <el-button\n        class=\"table-header-operate\"\n        type=\"danger\"\n        :disabled=\"!enableBatchOpt\"\n        @click=\"destroySelect()\"\n      >\n        <dk-icon icon=\"CloseBold\"></dk-icon>\n        <span class=\"m-l-5px\">销毁</span>\n      </el-button>\n      <el-popconfirm\n        confirm-button-text=\"还原\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要还原全部？\"\n        @confirm=\"restore(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-6px\">\n            <el-button class=\"table-header-operate\" type=\"success\">\n              <dk-icon icon=\"RefreshLeft\"></dk-icon>\n              <span class=\"m-l-5px\">还原全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <el-popconfirm\n        confirm-button-text=\"清空\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要清空全部？\"\n        @confirm=\"destroy(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-5px\">\n            <el-button class=\"table-header-operate\" type=\"danger\">\n              <dk-icon icon=\"CloseBold\"></dk-icon>\n              <span class=\"m-l-5px\">清空全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <div class=\"table-search\">\n        <el-input\n          v-model=\"DkTable.recycleTable.filter!.quickSearch\"\n          placeholder=\"请输入\"\n          prefix-icon=\"Search\"\n          @input=\"debounce(onSearchInput, 500)()\"\n        />\n      </div>\n    </div>\n    <!--表格s-->\n    <el-table\n      v-loading=\"DkTable.recycleTable.loading\"\n      :data=\"DkTable.recycleTable.data\"\n      class=\"dk-data-table\"\n      @selection-change=\"onSelectionChange\"\n    >\n      <el-table-column\n        v-for=\"(item, key) in DkTable.recycleTable.column\"\n        v-bind=\"{ ...item }\"\n        :key=\"key\"\n      ></el-table-column>\n      <!--      </template>-->\n      <el-table-column label=\"操作\" align=\"right\">\n        <template #default=\"{ row }\">\n          <el-button\n            icon=\"RefreshLeft\"\n            type=\"primary\"\n            size=\"small\"\n            @click=\"restore([row.id])\"\n          >\n            还原\n          </el-button>\n          <el-button\n            icon=\"CloseBold\"\n            type=\"danger\"\n            size=\"small\"\n            @click=\"destroy([row.id])\"\n          >\n            销毁\n          </el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n    <!--表格e-->\n  </dk-dialog>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport dkTable from '../../utils/dkTable'\nimport { debounce } from '@vipl520/utils'\n\n\nconst DkTable = inject('DkTable') as dkTable\n\nconst onSearchInput = () => {\n  DkTable.onTableHeaderAction('quick-recycle-search', {\n    keyword: DkTable.recycleTable.filter!.quickSearch,\n  })\n}\n\n/*\n * 记录选择的项\n */\nconst onSelectionChange = (selection: TableRow[]) => {\n  DkTable.onTableAction('selection-recycle-change', selection)\n}\n\n/**\n * 销毁\n */\nconst destroy = (ids: any) => {\n  DkTable.api.destroy(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\n/**\n * 还原\n */\nconst restore = (ids: any) => {\n  DkTable.api.restore(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\nconst getSelectionIds = () => {\n  const ids: string[] = []\n  DkTable.recycleTable.selection?.forEach((item) => {\n    ids.push(item[DkTable.recycleTable.pk!])\n  })\n  return ids\n}\n\nconst restoreSelect = () => {\n  restore(getSelectionIds())\n}\n\nconst destroySelect = () => {\n  destroy(getSelectionIds())\n}\n\nconst enableBatchOpt = computed(\n  () => DkTable.recycleTable.selection!.length > 0\n)\n</script>\n<style scoped></style>\n"],"names":["__MACROS_defineComponent","inject","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;AAuHD,IAAM,MAAA,OAAA,GAAUC,WAAO,SAAS,CAAA,CAAA;AAEhC,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,oBAAoB,sBAAwB,EAAA;AAAA,QAClD,OAAA,EAAS,OAAQ,CAAA,YAAA,CAAa,MAAQ,CAAA,WAAA;AAAA,OACvC,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,iBAAA,GAAoB,CAAC,SAA0B,KAAA;AACnD,MAAQ,OAAA,CAAA,aAAA,CAAc,4BAA4B,SAAS,CAAA,CAAA;AAAA,KAC7D,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC5B,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC5B,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,MAAM,MAAgB,EAAC,CAAA;AACvB,MAAA,OAAA,CAAQ,YAAa,CAAA,SAAA,EAAW,OAAQ,CAAA,CAAC,IAAS,KAAA;AAChD,QAAA,GAAA,CAAI,IAAK,CAAA,IAAA,CAAK,OAAQ,CAAA,YAAA,CAAa,EAAG,CAAC,CAAA,CAAA;AAAA,OACxC,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,cAAiB,GAAAC,YAAA;AAAA,MACrB,MAAM,OAAA,CAAQ,YAAa,CAAA,SAAA,CAAW,MAAS,GAAA,CAAA;AAAA,KACjD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/table/src/components/header.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var header_vue_vue_type_script_setup_true_lang = require('./header.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var DkTableHeader = /* @__PURE__ */ _pluginVue_exportHelper.default(header_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\components\\header.vue"]]);
+var DkTableHeader = /* @__PURE__ */ _pluginVue_exportHelper.default(header_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\table\\src\\components\\header.vue"]]);
 
 exports.default = DkTableHeader;
 //# sourceMappingURL=header.vue.js.map

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

@@ -59,7 +59,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     },
     buttons: {
       default: () => {
-        return ["refresh", "add", "export_csv", "edit", "delete", "comSearch", "quickSearch", "columnDisplay"];
+        return [
+          "refresh",
+          "add",
+          "export_csv",
+          "edit",
+          "delete",
+          "comSearch",
+          "quickSearch",
+          "columnDisplay"
+        ];
       },
       type: Array
     },
@@ -75,7 +84,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const columnDisplayArr = [];
       let cachedTableData = {};
       if (DkTable.url) {
-        cachedTableData = JSON.parse(utils.storage.get(DkTable.url + "show_column") || "{}");
+        cachedTableData = JSON.parse(
+          utils.storage.get(DkTable.url + "show_column") || "{}"
+        );
       }
       for (const item of DkTable.table.column) {
         if (cachedTableData[item.prop] !== void 0) {
@@ -137,7 +148,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 1536
                 /* NEED_PATCH, DYNAMIC_SLOTS */
               ), [
-                [vue.vShow, props.buttons.includes("comSearch") && vue.unref(DkTable).table.showComSearch]
+                [
+                  vue.vShow,
+                  props.buttons.includes("comSearch") && vue.unref(DkTable).table.showComSearch
+                ]
               ])
             ]),
             _: 3

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    <slot name=\"AddButtonAppend\"></slot>\n    <el-tooltip\n      v-if=\"props.buttons.includes('export_csv') && DkTable.auth('export_csv')\"\n      content=\"导出选中行\"\n      placement=\"top\"\n    >\n      <el-button\n        v-blur\n        :disabled=\"!enableBatchOpt\"\n        class=\"table-header-operate\"\n        type=\"primary\"\n        @click=\"onAction('export_csv')\"\n      >\n        <dk-icon icon=\"typcn:download\"></dk-icon>\n        <span class=\"m-l-5px\">导出</span>\n      </el-button>\n    </el-tooltip>\n    <slot name=\"ExportButtonAppend\"></slot>\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    <slot name=\"EditButtonAppend\"></slot>\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    <slot name=\"DeleteButtonAppend\"></slot>\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    <slot name=\"UnfoldButtonAppend\"></slot>\n    <el-tooltip\n      v-if=\"props.buttons.includes('recycle') && DkTable.auth('recycle')\"\n      content=\"打开回收站\"\n      placement=\"top\"\n    >\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    <slot name=\"RecycleButtonAppend\"></slot>\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', 'export_csv', '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  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;;;;;;;;;;;;;;;;;;;;;AAkLD,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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\n      v-show=\"\n        props.buttons.includes('comSearch') && DkTable.table.showComSearch\n      \"\n    >\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\n      v-if=\"props.buttons.includes('refresh')\"\n      content=\"刷新\"\n      placement=\"top\"\n    >\n      <el-button\n        v-blur\n        class=\"table-header-operate\"\n        type=\"info\"\n        @click=\"onAction('refresh', { loading: true })\"\n      >\n        <dk-icon icon=\"Refresh\"></dk-icon>\n      </el-button>\n    </el-tooltip>\n    <slot name=\"refreshAppend\"></slot>\n    <el-tooltip\n      v-if=\"props.buttons.includes('add') && DkTable.auth('add')\"\n      content=\"新增\"\n      placement=\"top\"\n    >\n      <el-button\n        v-blur\n        class=\"table-header-operate\"\n        type=\"primary\"\n        @click=\"onAction('add')\"\n      >\n        <dk-icon icon=\"typcn:plus\"></dk-icon>\n        <span class=\"m-l-5px\">新增</span>\n      </el-button>\n    </el-tooltip>\n    <slot name=\"AddButtonAppend\"></slot>\n    <el-tooltip\n      v-if=\"props.buttons.includes('export_csv') && DkTable.auth('export_csv')\"\n      content=\"导出选中行\"\n      placement=\"top\"\n    >\n      <el-button\n        v-blur\n        :disabled=\"!enableBatchOpt\"\n        class=\"table-header-operate\"\n        type=\"primary\"\n        @click=\"onAction('export_csv')\"\n      >\n        <dk-icon icon=\"typcn:download\"></dk-icon>\n        <span class=\"m-l-5px\">导出</span>\n      </el-button>\n    </el-tooltip>\n    <slot name=\"ExportButtonAppend\"></slot>\n    <el-tooltip\n      v-if=\"props.buttons.includes('edit') && DkTable.auth('edit')\"\n      content=\"编辑选中行\"\n      placement=\"top\"\n    >\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    <slot name=\"EditButtonAppend\"></slot>\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\n              v-blur\n              :disabled=\"!enableBatchOpt\"\n              class=\"table-header-operate\"\n              type=\"danger\"\n            >\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    <slot name=\"DeleteButtonAppend\"></slot>\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    <slot name=\"UnfoldButtonAppend\"></slot>\n    <el-tooltip\n      v-if=\"props.buttons.includes('recycle') && DkTable.auth('recycle')\"\n      content=\"打开回收站\"\n      placement=\"top\"\n    >\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    <slot name=\"RecycleButtonAppend\"></slot>\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\n          v-if=\"props.buttons.includes('columnDisplay')\"\n          :max-height=\"380\"\n          :hide-on-click=\"false\"\n        >\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=\"\n                DkTable.table.showComSearch = !DkTable.table.showComSearch\n              \"\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 [\n        'refresh',\n        'add',\n        'export_csv',\n        'edit',\n        'delete',\n        'comSearch',\n        'quickSearch',\n        'columnDisplay',\n      ]\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(\n      storage.get(DkTable.url + 'show_column') || '{}'\n    )\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' ||\n    item.render === 'buttons' ||\n    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 = (\n  value: string | number | boolean,\n  field: string\n) => {\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuND,IAAM,MAAA,OAAA,GAAUC,WAAO,SAAS,CAAA,CAAA;AA4BhC,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,QAAA,eAAA,GAAkB,IAAK,CAAA,KAAA;AAAA,UACrBC,aAAQ,CAAA,GAAA,CAAI,OAAQ,CAAA,GAAA,GAAM,aAAa,CAAK,IAAA,IAAA;AAAA,SAC9C,CAAA;AAAA,OACF;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,WACd,IAAA,IAAA,CAAK,MAAW,KAAA,SAAA,IAChB,IAAK,CAAA,0BAAA,KAA+B,KAChC,GAAA,EAAA,GACA,gBAAiB,CAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA,OAChC;AACA,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,CACzB,KAAA,EACA,KACG,KAAA;AACH,MAAA,OAAA,CAAQ,oBAAoB,oBAAsB,EAAA;AAAA,QAChD,KAAA;AAAA,QACA,KAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/table/src/props.js

@@ -23,7 +23,17 @@ const tableProps = {
   },
   buttons: {
     default: () => {
-      return ["refresh", "add", "export_csv", "edit", "delete", "comSearch", "quickSearch", "columnDisplay", "recycle"];
+      return [
+        "refresh",
+        "add",
+        "export_csv",
+        "edit",
+        "delete",
+        "comSearch",
+        "quickSearch",
+        "columnDisplay",
+        "recycle"
+      ];
     },
     type: Array
   },

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  cacheTable: {\n    default: true,\n    type: Boolean,\n  },\n  tableBefore: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n  tableAfter: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n  buttons: {\n    default: () => {\n      return ['refresh', 'add', 'export_csv', 'edit', 'delete', 'comSearch', 'quickSearch', 'columnDisplay', 'recycle']\n    },\n    type: Array,\n  },\n  hideButtons: {\n    default: () => {\n      return []\n    },\n    type: Array,\n  },\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,EACA,WAAa,EAAA;AAAA,IACX,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,UAAY,EAAA;AAAA,IACV,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,SAAS,MAAM;AACb,MAAO,OAAA,CAAC,WAAW,KAAO,EAAA,YAAA,EAAc,QAAQ,QAAU,EAAA,WAAA,EAAa,aAAe,EAAA,eAAA,EAAiB,SAAS,CAAA,CAAA;AAAA,KAClH;AAAA,IACA,IAAM,EAAA,KAAA;AAAA,GACR;AAAA,EACA,WAAa,EAAA;AAAA,IACX,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,KAAA;AAAA,GACR;AACF;;;;"}
+{"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  tableBefore: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n  tableAfter: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n  buttons: {\n    default: () => {\n      return [\n        'refresh',\n        'add',\n        'export_csv',\n        'edit',\n        'delete',\n        'comSearch',\n        'quickSearch',\n        'columnDisplay',\n        'recycle',\n      ]\n    },\n    type: Array,\n  },\n  hideButtons: {\n    default: () => {\n      return []\n    },\n    type: Array,\n  },\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,EACA,WAAa,EAAA;AAAA,IACX,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,UAAY,EAAA;AAAA,IACV,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,SAAS,MAAM;AACb,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAA;AAAA,QACA,aAAA;AAAA,QACA,eAAA;AAAA,QACA,SAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA,IACA,IAAM,EAAA,KAAA;AAAA,GACR;AAAA,EACA,WAAa,EAAA;AAAA,IACX,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,KAAA;AAAA,GACR;AACF;;;;"}

package/lib/table/src/table.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var table_vue_vue_type_script_setup_true_lang = require('./table.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(table_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\table.vue"]]);
+var _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(table_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\table\\src\\table.vue"]]);
 
 exports.default = _Table;
 //# sourceMappingURL=table.vue.js.map

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

@@ -21,7 +21,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const FormRef = vue.ref();
     const TableRef = vue.ref();
-    const DkTable = new dkTable.default(props.tableApi, props.tableBefore, props.tableAfter);
+    const DkTable = new dkTable.default(
+      props.tableApi,
+      props.tableBefore,
+      props.tableAfter
+    );
     vue.provide("DkTable", DkTable);
     vue.onMounted(() => {
       DkTable.getTable(props.cacheTable)?.then(() => {
@@ -36,7 +40,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       DkTable.form.ref = FormRef.value;
     });
     const effectiveButtons = vue.computed(() => {
-      return [...new Set(props.buttons.filter((button) => !props.hideButtons.includes(button)))];
+      return [
+        ...new Set(
+          props.buttons.filter((button) => !props.hideButtons.includes(button))
+        )
+      ];
     });
     const onTableSizeChange = (val) => {
       DkTable.onTableAction("page-size-change", { size: val });
@@ -76,7 +84,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const onSelectAll = (selection) => {
-      if (isSelectAll(selection.map((row) => row[DkTable.table.pk].toString()))) {
+      if (isSelectAll(
+        selection.map((row) => row[DkTable.table.pk].toString())
+      )) {
         selection.map((row) => {
           if (row.children) {
             selectChildren(row.children, true);

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

@@ -1 +1 @@
-{"version":3,"file":"table.vue2.js","sources":["../../../src/table/src/table.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkTable',\n});\n</script>\n<template>\n  <div class=\"dk-table\">\n    <!--顶部菜单-->\n    <DkTableHeader size=\"default\" :buttons=\"effectiveButtons\">\n      <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]>\n        <slot :name=\"idx\"></slot>\n      </template>\n    </DkTableHeader>\n    <!--表格-->\n    <el-table\n      ref=\"TableRef\"\n      v-loading=\"DkTable.table.loading\"\n      class=\"dk-data-table w100\"\n      header-cell-class-name=\"table-header-cell\"\n      :default-expand-all=\"DkTable.table.expandAll\"\n      :data=\"DkTable.table.data\"\n      :row-key=\"DkTable.table.pk\"\n      stripe\n      v-bind=\"$attrs\"\n      @select-all=\"onSelectAll\"\n      @select=\"onSelect\"\n      @selection-change=\"onSelectionChange\"\n      @sort-change=\"onSortChange\"\n      @cell-dblclick=\"ondblclick\"\n    >\n      <slot name=\"columnPrepend\"></slot>\n      <template v-for=\"(item, key) in DkTable.table.column\">\n        <template v-if=\"item.show !== false\">\n          <!-- 渲染为 slot -->\n          <el-table-column v-if=\"item.slotName\" :key=\"key\" v-bind=\"{ ...item }\">\n            <template #default=\"scope\">\n              <slot :name=\"item.slotName\" v-bind=\"scope\">\n                <dk-field-render\n                  :key=\"\n                    key +\n                    '-' +\n                    scope.$index +\n                    '-' +\n                    item.render +\n                    '-' +\n                    (item.prop ? '-' + item.prop + '-' + scope.row[item.prop] : '')\n                  \"\n                  :field=\"item\"\n                  :row=\"scope.row\"\n                  :column=\"scope.column\"\n                  :index=\"scope.$index\"\n                />\n              </slot>\n            </template>\n          </el-table-column>\n          <el-table-column v-else :key=\"key + 'default'\" v-bind=\"{ ...item }\"></el-table-column>\n        </template>\n      </template>\n      <slot name=\"columnAppend\"></slot>\n    </el-table>\n\n    <div class=\"table-pagination\">\n      <el-pagination\n        :current-page=\"DkTable.table.filter!.page\"\n        :page-size=\"DkTable.table.filter!.limit\"\n        :page-sizes=\"pageSizes\"\n        background\n        :layout=\"'sizes,total, ->, prev, pager, next, jumper'\"\n        :total=\"DkTable.table.total\"\n        @size-change=\"onTableSizeChange\"\n        @current-change=\"onTableCurrentChange\"\n      ></el-pagination>\n    </div>\n  </div>\n  <dk-form ref=\"FormRef\" :is-dialog=\"true\" @submit=\"DkTable.onSubmit\">\n    <template #buttons>\n      <el-button type=\"primary\" :loading=\"DkTable.form.ref.buttonLoading\" @click=\"DkTable.form.ref.checkForm\">\n        {{ DkTable.form.operateIds!.length > 0 ? '保存并编辑下一项' : '提交' }}\n      </el-button>\n    </template>\n  </dk-form>\n  <RecycleDialog></RecycleDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, onMounted, nextTick, provide, computed } from 'vue'\nimport { tableProps } from './props'\nimport DkTableClass from '../utils/dkTable'\nimport DkTableHeader from './components/header.vue'\nimport DkFieldRender from './components/FieldRender.vue'\nimport RecycleDialog from './components/RecycleDialog.vue'\n\n\n\nconst props = defineProps(tableProps)\nconst FormRef = ref()\n// 表格的Ref\nconst TableRef = ref()\n// 表格的对象\nconst DkTable = new DkTableClass(props.tableApi, props.tableBefore, props.tableAfter)\n\nprovide('DkTable', DkTable)\n// 获取表格信息\nonMounted(() => {\n  DkTable.getTable(props.cacheTable)?.then(() => {\n    DkTable.getIndex()?.then(() => {\n      nextTick(() => {\n        DkTable.dragSort()\n      })\n    })\n    DkTable.initComSearch()\n  })\n  DkTable.table.ref = TableRef.value\n  DkTable.form.ref = FormRef.value\n})\n\nconst effectiveButtons = computed(() => {\n  return [...new Set(props.buttons.filter((button) => !props.hideButtons.includes(button)))]\n})\n\nconst onTableSizeChange = (val: number) => {\n  DkTable.onTableAction('page-size-change', { size: val })\n}\n\nconst onTableCurrentChange = (val: number) => {\n  DkTable.onTableAction('current-page-change', { page: val })\n}\n\n// 双击\nconst ondblclick = (row: any) => {\n  DkTable.toggleForm('Edit', [row[DkTable.table.pk!]])\n}\n\nconst onSortChange = ({ order, prop }: { order: string; prop: string }) => {\n  DkTable.onTableAction('sort-change', {\n    prop,\n    order: order ? (order == 'ascending' ? 'asc' : 'desc') : '',\n  })\n}\n\nconst pageSizes = computed(() => {\n  const defaultSizes = [10, 20, 50, 100]\n  if (DkTable.table.filter!.limit) {\n    if (!defaultSizes.includes(DkTable.table.filter!.limit)) {\n      defaultSizes.push(DkTable.table.filter!.limit)\n    }\n  }\n  return defaultSizes\n})\n\n/*\n * 手动选择时，同时选择子级\n */\nconst onSelect = (selection: TableRow[], row: TableRow) => {\n  if (\n    selection.some((item: TableRow) => {\n      return row[DkTable.table.pk!] === item[DkTable.table.pk!]\n    })\n  ) {\n    if (row.children) {\n      selectChildren(row.children, true)\n    }\n  } else {\n    if (row.children) {\n      selectChildren(row.children, false)\n    }\n  }\n}\n\n/**\n /*\n * 全选和取消全选\n * 实现子级同时选择和取消选中\n */\nconst onSelectAll = (selection: TableRow[]) => {\n  if (isSelectAll(selection.map((row: TableRow) => row[DkTable.table.pk!].toString()))) {\n    // eslint-disable-next-line array-callback-return\n    selection.map((row: TableRow) => {\n      if (row.children) {\n        selectChildren(row.children, true)\n      }\n    })\n  } else {\n    TableRef.value?.clearSelection()\n  }\n}\n\n/*\n * 是否是全选操作\n * 只检查第一个元素是否被选择\n * 全选时：selectIds为所有元素的id\n * 取消全选时：selectIds为所有子元素的id\n */\nconst isSelectAll = (selectIds: string[]) => {\n  const data = DkTable.table.data as TableRow[]\n  // eslint-disable-next-line no-unreachable-loop\n  for (const key in data) {\n    return selectIds.includes(data[key][DkTable.table.pk!].toString())\n  }\n  return false\n}\n\n/*\n * 选择子项-递归\n */\nconst selectChildren = (children: TableRow[], type: boolean) => {\n  // eslint-disable-next-line array-callback-return\n  children.map((j: TableRow) => {\n    toggleSelection(j, type)\n    if (j.children) {\n      selectChildren(j.children, type)\n    }\n  })\n}\n\n/*\n * 执行选择操作\n */\nconst toggleSelection = (row: TableRow, type: boolean) => {\n  if (row) {\n    nextTick(() => {\n      TableRef.value?.toggleRowSelection(row, type)\n    })\n  }\n}\n\n/*\n * 记录选择的项\n */\nconst onSelectionChange = (selection: TableRow[]) => {\n  DkTable.onTableAction('selection-change', selection)\n}\n\n/*\n * 设置折叠所有-递归\n */\nconst setUnFoldAll = (children: TableRow[], unfold: boolean) => {\n  for (const key in children) {\n    TableRef.value?.toggleRowExpansion(children[key], unfold)\n    if (children[key].children) {\n      setUnFoldAll(children[key].children!, unfold)\n    }\n  }\n}\n\n/*\n * 折叠所有\n */\nconst unFoldAll = (unfold: boolean) => {\n  setUnFoldAll(DkTable.table.data!, unfold)\n}\n\nconst slotNames = computed(() => {\n  const column = DkTable.table.column\n  const slotNames = []\n  for (let i = 0; i < column.length; i++) {\n    if (column[i].slotName) {\n      slotNames.push(column[i].slotName)\n    }\n  }\n  return slotNames\n})\n\nonMounted(() => {\n  // injectTablePrimaryMethods()\n})\n\ndefineExpose({\n  DkTable,\n  TableRef,\n  FormRef,\n})\n</script>\n<style lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent","ref","DkTableClass","provide","onMounted","nextTick","computed","slotNames"],"mappings":"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"}
+{"version":3,"file":"table.vue2.js","sources":["../../../src/table/src/table.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkTable',\n});\n</script>\n<template>\n  <div class=\"dk-table\">\n    <!--顶部菜单-->\n    <DkTableHeader size=\"default\" :buttons=\"effectiveButtons\">\n      <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]>\n        <slot :name=\"idx\"></slot>\n      </template>\n    </DkTableHeader>\n    <!--表格-->\n    <el-table\n      ref=\"TableRef\"\n      v-loading=\"DkTable.table.loading\"\n      class=\"dk-data-table w100\"\n      header-cell-class-name=\"table-header-cell\"\n      :default-expand-all=\"DkTable.table.expandAll\"\n      :data=\"DkTable.table.data\"\n      :row-key=\"DkTable.table.pk\"\n      stripe\n      v-bind=\"$attrs\"\n      @select-all=\"onSelectAll\"\n      @select=\"onSelect\"\n      @selection-change=\"onSelectionChange\"\n      @sort-change=\"onSortChange\"\n      @cell-dblclick=\"ondblclick\"\n    >\n      <slot name=\"columnPrepend\"></slot>\n      <template v-for=\"(item, key) in DkTable.table.column\">\n        <template v-if=\"item.show !== false\">\n          <!-- 渲染为 slot -->\n          <el-table-column v-if=\"item.slotName\" :key=\"key\" v-bind=\"{ ...item }\">\n            <template #default=\"scope\">\n              <slot :name=\"item.slotName\" v-bind=\"scope\">\n                <dk-field-render\n                  :key=\"\n                    key +\n                    '-' +\n                    scope.$index +\n                    '-' +\n                    item.render +\n                    '-' +\n                    (item.prop\n                      ? '-' + item.prop + '-' + scope.row[item.prop]\n                      : '')\n                  \"\n                  :field=\"item\"\n                  :row=\"scope.row\"\n                  :column=\"scope.column\"\n                  :index=\"scope.$index\"\n                />\n              </slot>\n            </template>\n          </el-table-column>\n          <el-table-column\n            v-else\n            :key=\"key + 'default'\"\n            v-bind=\"{ ...item }\"\n          ></el-table-column>\n        </template>\n      </template>\n      <slot name=\"columnAppend\"></slot>\n    </el-table>\n\n    <div class=\"table-pagination\">\n      <el-pagination\n        :current-page=\"DkTable.table.filter!.page\"\n        :page-size=\"DkTable.table.filter!.limit\"\n        :page-sizes=\"pageSizes\"\n        background\n        :layout=\"'sizes,total, ->, prev, pager, next, jumper'\"\n        :total=\"DkTable.table.total\"\n        @size-change=\"onTableSizeChange\"\n        @current-change=\"onTableCurrentChange\"\n      ></el-pagination>\n    </div>\n  </div>\n  <dk-form ref=\"FormRef\" :is-dialog=\"true\" @submit=\"DkTable.onSubmit\">\n    <template #buttons>\n      <el-button\n        type=\"primary\"\n        :loading=\"DkTable.form.ref.buttonLoading\"\n        @click=\"DkTable.form.ref.checkForm\"\n      >\n        {{ DkTable.form.operateIds!.length > 0 ? '保存并编辑下一项' : '提交' }}\n      </el-button>\n    </template>\n  </dk-form>\n  <RecycleDialog></RecycleDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, onMounted, nextTick, provide, computed } from 'vue'\nimport { tableProps } from './props'\nimport DkTableClass from '../utils/dkTable'\nimport DkTableHeader from './components/header.vue'\nimport DkFieldRender from './components/FieldRender.vue'\nimport RecycleDialog from './components/RecycleDialog.vue'\n\n\n\nconst props = defineProps(tableProps)\nconst FormRef = ref()\n// 表格的Ref\nconst TableRef = ref()\n// 表格的对象\nconst DkTable = new DkTableClass(\n  props.tableApi,\n  props.tableBefore,\n  props.tableAfter\n)\n\nprovide('DkTable', DkTable)\n// 获取表格信息\nonMounted(() => {\n  DkTable.getTable(props.cacheTable)?.then(() => {\n    DkTable.getIndex()?.then(() => {\n      nextTick(() => {\n        DkTable.dragSort()\n      })\n    })\n    DkTable.initComSearch()\n  })\n  DkTable.table.ref = TableRef.value\n  DkTable.form.ref = FormRef.value\n})\n\nconst effectiveButtons = computed(() => {\n  return [\n    ...new Set(\n      props.buttons.filter((button) => !props.hideButtons.includes(button))\n    ),\n  ]\n})\n\nconst onTableSizeChange = (val: number) => {\n  DkTable.onTableAction('page-size-change', { size: val })\n}\n\nconst onTableCurrentChange = (val: number) => {\n  DkTable.onTableAction('current-page-change', { page: val })\n}\n\n// 双击\nconst ondblclick = (row: any) => {\n  DkTable.toggleForm('Edit', [row[DkTable.table.pk!]])\n}\n\nconst onSortChange = ({ order, prop }: { order: string; prop: string }) => {\n  DkTable.onTableAction('sort-change', {\n    prop,\n    order: order ? (order == 'ascending' ? 'asc' : 'desc') : '',\n  })\n}\n\nconst pageSizes = computed(() => {\n  const defaultSizes = [10, 20, 50, 100]\n  if (DkTable.table.filter!.limit) {\n    if (!defaultSizes.includes(DkTable.table.filter!.limit)) {\n      defaultSizes.push(DkTable.table.filter!.limit)\n    }\n  }\n  return defaultSizes\n})\n\n/*\n * 手动选择时，同时选择子级\n */\nconst onSelect = (selection: TableRow[], row: TableRow) => {\n  if (\n    selection.some((item: TableRow) => {\n      return row[DkTable.table.pk!] === item[DkTable.table.pk!]\n    })\n  ) {\n    if (row.children) {\n      selectChildren(row.children, true)\n    }\n  } else {\n    if (row.children) {\n      selectChildren(row.children, false)\n    }\n  }\n}\n\n/**\n /*\n * 全选和取消全选\n * 实现子级同时选择和取消选中\n */\nconst onSelectAll = (selection: TableRow[]) => {\n  if (\n    isSelectAll(\n      selection.map((row: TableRow) => row[DkTable.table.pk!].toString())\n    )\n  ) {\n    // eslint-disable-next-line array-callback-return\n    selection.map((row: TableRow) => {\n      if (row.children) {\n        selectChildren(row.children, true)\n      }\n    })\n  } else {\n    TableRef.value?.clearSelection()\n  }\n}\n\n/*\n * 是否是全选操作\n * 只检查第一个元素是否被选择\n * 全选时：selectIds为所有元素的id\n * 取消全选时：selectIds为所有子元素的id\n */\nconst isSelectAll = (selectIds: string[]) => {\n  const data = DkTable.table.data as TableRow[]\n  // eslint-disable-next-line no-unreachable-loop\n  for (const key in data) {\n    return selectIds.includes(data[key][DkTable.table.pk!].toString())\n  }\n  return false\n}\n\n/*\n * 选择子项-递归\n */\nconst selectChildren = (children: TableRow[], type: boolean) => {\n  // eslint-disable-next-line array-callback-return\n  children.map((j: TableRow) => {\n    toggleSelection(j, type)\n    if (j.children) {\n      selectChildren(j.children, type)\n    }\n  })\n}\n\n/*\n * 执行选择操作\n */\nconst toggleSelection = (row: TableRow, type: boolean) => {\n  if (row) {\n    nextTick(() => {\n      TableRef.value?.toggleRowSelection(row, type)\n    })\n  }\n}\n\n/*\n * 记录选择的项\n */\nconst onSelectionChange = (selection: TableRow[]) => {\n  DkTable.onTableAction('selection-change', selection)\n}\n\n/*\n * 设置折叠所有-递归\n */\nconst setUnFoldAll = (children: TableRow[], unfold: boolean) => {\n  for (const key in children) {\n    TableRef.value?.toggleRowExpansion(children[key], unfold)\n    if (children[key].children) {\n      setUnFoldAll(children[key].children!, unfold)\n    }\n  }\n}\n\n/*\n * 折叠所有\n */\nconst unFoldAll = (unfold: boolean) => {\n  setUnFoldAll(DkTable.table.data!, unfold)\n}\n\nconst slotNames = computed(() => {\n  const column = DkTable.table.column\n  const slotNames = []\n  for (let i = 0; i < column.length; i++) {\n    if (column[i].slotName) {\n      slotNames.push(column[i].slotName)\n    }\n  }\n  return slotNames\n})\n\nonMounted(() => {\n  // injectTablePrimaryMethods()\n})\n\ndefineExpose({\n  DkTable,\n  TableRef,\n  FormRef,\n})\n</script>\n<style lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent","ref","DkTableClass","provide","onMounted","nextTick","computed","slotNames"],"mappings":"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"}

package/lib/table/utils/dkTable.js

@@ -140,7 +140,10 @@ class dkTable {
       if (res.data.pk) {
         this.table.pk = res.data.pk;
       }
-      utils.storage.set(this.api.actionUrl.get("table") + "_table", JSON.stringify(res.data));
+      utils.storage.set(
+        this.api.actionUrl.get("table") + "_table",
+        JSON.stringify(res.data)
+      );
       this.runAfter("getTable", { res });
     }).finally(() => {
       this.table.columnLoading = false;
@@ -151,9 +154,7 @@ class dkTable {
    * 显示回收站
    */
   async showRecycle() {
-    if (!this.runBefore("api", { name: "getRecycleTable" }))
-      return;
-    if (!this.runBefore("getRecycleTable"))
+    if (!this.runBefore("showRecycleTable"))
       return;
     this.recycleTable.showDialogLoading = true;
     if (this.recycleTable.column.length <= 0) {
@@ -359,7 +360,9 @@ class dkTable {
   exportCsv = () => {
     const header = this.table.column;
     const headerMap = new Map(
-      header.filter((item) => item !== void 0 && item.label !== void 0 && item.export).map((item) => [item.label, item.prop])
+      header.filter(
+        (item) => item !== void 0 && item.label !== void 0 && item.export
+      ).map((item) => [item.label, item.prop])
     );
     const headerLabels = Array.from(headerMap.keys());
     function jsonToCsv(data) {
@@ -386,7 +389,10 @@ class dkTable {
     }
     function downloadCsv(csvContent, fileName) {
       const link = document.createElement("a");
-      link.setAttribute("href", "data:text/csv;charset=utf-8," + encodeURIComponent(csvContent));
+      link.setAttribute(
+        "href",
+        "data:text/csv;charset=utf-8," + encodeURIComponent(csvContent)
+      );
       link.setAttribute("download", fileName + ".csv");
       document.body.appendChild(link);
       link.click();
@@ -430,7 +436,11 @@ class dkTable {
     const buttonsKey = utils.getArrayKey(this.table.column, "render", "buttons");
     if (buttonsKey === false)
       return;
-    const moveButton = utils.getArrayKey(this.table.column[buttonsKey]?.buttons, "render", "moveButton");
+    const moveButton = utils.getArrayKey(
+      this.table.column[buttonsKey]?.buttons,
+      "render",
+      "moveButton"
+    );
     if (moveButton === false)
       return;
     if (!this.table.ref) {
@@ -439,7 +449,9 @@ class dkTable {
       );
       return;
     }
-    const el = this.table.ref.$el.querySelector(".el-table__body-wrapper .el-table__body tbody");
+    const el = this.table.ref.$el.querySelector(
+      ".el-table__body-wrapper .el-table__body tbody"
+    );
     const disabledTip = this.table.column[buttonsKey].buttons[moveButton].disabledTip;
     Sortable.create(el, {
       animation: 200,
@@ -450,8 +462,14 @@ class dkTable {
       },
       onEnd: (evt) => {
         this.table.column[buttonsKey].buttons[moveButton].disabledTip = disabledTip;
-        const moveRow = utils.findIndexRow(this.table.data, evt.oldIndex);
-        const replaceRow = utils.findIndexRow(this.table.data, evt.newIndex);
+        const moveRow = utils.findIndexRow(
+          this.table.data,
+          evt.oldIndex
+        );
+        const replaceRow = utils.findIndexRow(
+          this.table.data,
+          evt.newIndex
+        );
         if (this.table.dragSortLimitField && moveRow[this.table.dragSortLimitField] != replaceRow[this.table.dragSortLimitField]) {
           this.onTableHeaderAction("refresh", {});
           elementPlus.ElNotification({
@@ -609,7 +627,10 @@ class dkTable {
             const range = queryProp.split(",");
             if (field[key].render == "datetime") {
               if (range && range.length >= 2) {
-                form[prop + "-default"] = [new Date(range[0]), new Date(range[1])];
+                form[prop + "-default"] = [
+                  new Date(range[0]),
+                  new Date(range[1])
+                ];
               }
             } else {
               form[prop + "-start"] = range[0] ?? "";