@vipl520/dk-ui 1.0.80 → 1.0.82

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  <div v-if=\"field.render == 'copy' && fieldValue\">\n    <el-tag style=\"cursor: pointer\" @click=\"copy(fieldValue, $event)\">复制</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' || field.render == 'timestamp'\">\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 { ElMessage } from 'element-plus'\nimport { openUrl, timeFormat, handleClipboard } 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)\nconsole.log('fieldName.value', fieldName.value)\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] : 'primary'\n}\n\nconst onChangeField = (value: any) => {\n  DkTable.onTableAction('field-change', {\n    ...props,\n    value,\n  })\n}\n\nconst copy = (text: string, event: any) => {\n  handleClipboard(text, event).then((res) => {\n    ElMessage.success('复制成功')\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","handleClipboard","ElMessage"],"mappings":"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"}
+{"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  <div v-if=\"field.render == 'copy' && fieldValue\">\n    <el-tag style=\"cursor: pointer\" @click=\"copy(fieldValue, $event)\">复制</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' || field.render == 'timestamp'\">\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 { ElMessage } from 'element-plus'\nimport { openUrl, timeFormat, handleClipboard } 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] : 'primary'\n}\n\nconst onChangeField = (value: any) => {\n  DkTable.onTableAction('field-change', {\n    ...props,\n    value,\n  })\n}\n\nconst copy = (text: string, event: any) => {\n  handleClipboard(text, event).then((res) => {\n    ElMessage.success('复制成功')\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","handleClipboard","ElMessage"],"mappings":"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"}

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

@@ -173,7 +173,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_table, vue.mergeProps({
               ref_key: "TableRef",
               ref: TableRef,
-              class: "dk-data-table w100",
+              class: "dk-data-table",
               "header-cell-class-name": "table-header-cell",
               "default-expand-all": vue.unref(DkTable).table.expandAll,
               data: vue.unref(DkTable).table.data,

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\" :quick-search-placeholder=\"quickSearchPlaceholder\">\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, props.query)\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\" :quick-search-placeholder=\"quickSearchPlaceholder\">\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\"\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, props.query)\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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"}

package/lib/url-input/src/url-input-content.vue2.js

@@ -46,7 +46,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const urlInputData = vue.inject("urlInputData", []);
     const _urlData = vue.computed(() => {
-      console.log("urlData", props.urlData);
       if (props.urlData?.length > 0) {
         return props.urlData;
       } else {

package/lib/url-input/src/url-input-content.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"url-input-content.vue2.js","sources":["../../../src/url-input/src/url-input-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkUrlInputContent',\n});\n</script>\n<template>\n  <el-tabs tab-position=\"left\" style=\"height: 430px\" class=\"dk-url-input-content\" @tab-change=\"onTabChange()\">\n    <el-tab-pane v-for=\"(item, key) in _urlData\" :key=\"key\" :label=\"item.title\">\n      <div style=\"padding: 10px\">\n        <div v-if=\"item.type === 'table'\">\n          <dk-url-input-table :item=\"item\" @on-choose-url=\"onChooseUrl\"></dk-url-input-table>\n        </div>\n        <div v-else-if=\"item.type === 'component'\">\n          <component :is=\"item.componentName\" @on-choose-url=\"onChooseUrl\"></component>\n        </div>\n        <div v-else>\n          <div v-if=\"item.lists?.length > 0\">\n            <div v-for=\"(val, k) in item.lists\" :key=\"k\">\n              <div v-if=\"val.list\">\n                <div style=\"padding-bottom: 10px; font-weight: 700; color: #000\">\n                  {{ val.title }}\n                </div>\n                <div class=\"url-list\">\n                  <div\n                    v-for=\"(v, k) in val.list\"\n                    :key=\"k\"\n                    class=\"url-box\"\n                    :class=\"chooseUrl == v.url ? 'choose' : ''\"\n                    @click=\"chooseUrl = v.url\"\n                  >\n                    {{ v.title }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div v-else class=\"url-list\">\n            <div\n              v-for=\"(val, k) in item.list\"\n              :key=\"k\"\n              class=\"url-box\"\n              :class=\"chooseUrl == val.url ? 'choose' : ''\"\n              @click=\"chooseUrl = val.url\"\n            >\n              {{ val.title }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </el-tab-pane>\n    <el-tab-pane label=\"自定义链接\">\n      <div style=\"width: 500px; margin: 100px auto\">\n        <div v-if=\"_jumpMinApp\" style=\"padding-bottom: 20px\">\n          <el-radio-group v-model=\"urlType\" class=\"ml-4\">\n            <el-radio :value=\"1\" size=\"large\">链接或路径</el-radio>\n            <el-radio :value=\"2\" size=\"large\">跳转其他小程序</el-radio>\n          </el-radio-group>\n        </div>\n        <el-form label-width=\"100px\" label-position=\"top\" size=\"default\">\n          <div v-if=\"urlType === 1\">\n            <el-form-item label=\"填写地址或路径\" required>\n              <el-input v-model=\"chooseUrl\" size=\"default\" />\n            </el-form-item>\n          </div>\n          <div v-else>\n            <el-form-item label=\"填写小程序APPID\" required>\n              <el-input v-model=\"minapp.appid\" size=\"default\" />\n            </el-form-item>\n            <el-form-item label=\"填写小程序路径\">\n              <el-input v-model=\"minapp.path\" size=\"default\" />\n            </el-form-item>\n          </div>\n        </el-form>\n      </div>\n    </el-tab-pane>\n  </el-tabs>\n  <div style=\"text-align: center\">\n    <el-button size=\"default\" style=\"width: 200px\" type=\"primary\" :disabled=\"!chooseUrl\" @click=\"onSubmit()\">\n      确定\n    </el-button>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, reactive, ref, watch, inject } from 'vue'\nimport DkUrlInputTable from './url-input-table.vue'\n\n\nconst emit = defineEmits(['submit'])\n\nconst props = defineProps({\n  urlData: {\n    default: () => {\n      return []\n    },\n    type: Array,\n  },\n  jumpMinApp: { default: false, type: Boolean },\n})\n\nconst urlInputData: any = inject('urlInputData', [])\n\nconst _urlData: any = computed(() => {\n  console.log('urlData', props.urlData)\n  if (props.urlData?.length > 0) {\n    return props.urlData\n  } else {\n    return urlInputData.urlData\n  }\n})\n\nconst _jumpMinApp = computed(() => {\n  if (urlInputData.jumpMinApp !== undefined) {\n    return urlInputData.jumpMinApp\n  } else {\n    return props.jumpMinApp\n  }\n})\n\nconst minapp = reactive({\n  appid: '',\n  path: '',\n})\nconst chooseUrl = ref('')\nconst urlType = ref(1)\n\nconst onTabChange = () => {\n  chooseUrl.value = ''\n}\n\nconst onChooseUrl = (url: any) => {\n  chooseUrl.value = url\n}\n\nwatch(\n  () => minapp,\n  () => {\n    if (minapp.appid) {\n      chooseUrl.value = minapp.appid + '@' + minapp.path || '/'\n    }\n  },\n  {\n    deep: true,\n  }\n)\n\nconst onSubmit = () => {\n  emit('submit', chooseUrl.value)\n}\n</script>\n"],"names":["__MACROS_defineComponent","inject","computed","reactive","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,mBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;AAgGD,IAAA,MAAM,YAAoB,GAAAC,UAAA,CAAO,cAAgB,EAAA,EAAE,CAAA,CAAA;AAEnD,IAAM,MAAA,QAAA,GAAgBC,aAAS,MAAM;AACnC,MAAQ,OAAA,CAAA,GAAA,CAAI,SAAW,EAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACpC,MAAI,IAAA,KAAA,CAAM,OAAS,EAAA,MAAA,GAAS,CAAG,EAAA;AAC7B,QAAA,OAAO,KAAM,CAAA,OAAA,CAAA;AAAA,OACR,MAAA;AACL,QAAA,OAAO,YAAa,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAcA,aAAS,MAAM;AACjC,MAAI,IAAA,YAAA,CAAa,eAAe,KAAW,CAAA,EAAA;AACzC,QAAA,OAAO,YAAa,CAAA,UAAA,CAAA;AAAA,OACf,MAAA;AACL,QAAA,OAAO,KAAM,CAAA,UAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,SAASC,YAAS,CAAA;AAAA,MACtB,KAAO,EAAA,EAAA;AAAA,MACP,IAAM,EAAA,EAAA;AAAA,KACP,CAAA,CAAA;AACD,IAAM,MAAA,SAAA,GAAYC,QAAI,EAAE,CAAA,CAAA;AACxB,IAAM,MAAA,OAAA,GAAUA,QAAI,CAAC,CAAA,CAAA;AAErB,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,SAAA,CAAU,KAAQ,GAAA,EAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,GAAa,KAAA;AAChC,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAAC,SAAA;AAAA,MACE,MAAM,MAAA;AAAA,MACN,MAAM;AACJ,QAAA,IAAI,OAAO,KAAO,EAAA;AAChB,UAAA,SAAA,CAAU,KAAQ,GAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,GAAM,OAAO,IAAQ,IAAA,GAAA,CAAA;AAAA,SACxD;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAK,IAAA,CAAA,QAAA,EAAU,UAAU,KAAK,CAAA,CAAA;AAAA,KAChC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"url-input-content.vue2.js","sources":["../../../src/url-input/src/url-input-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkUrlInputContent',\n});\n</script>\n<template>\n  <el-tabs tab-position=\"left\" style=\"height: 430px\" class=\"dk-url-input-content\" @tab-change=\"onTabChange()\">\n    <el-tab-pane v-for=\"(item, key) in _urlData\" :key=\"key\" :label=\"item.title\">\n      <div style=\"padding: 10px\">\n        <div v-if=\"item.type === 'table'\">\n          <dk-url-input-table :item=\"item\" @on-choose-url=\"onChooseUrl\"></dk-url-input-table>\n        </div>\n        <div v-else-if=\"item.type === 'component'\">\n          <component :is=\"item.componentName\" @on-choose-url=\"onChooseUrl\"></component>\n        </div>\n        <div v-else>\n          <div v-if=\"item.lists?.length > 0\">\n            <div v-for=\"(val, k) in item.lists\" :key=\"k\">\n              <div v-if=\"val.list\">\n                <div style=\"padding-bottom: 10px; font-weight: 700; color: #000\">\n                  {{ val.title }}\n                </div>\n                <div class=\"url-list\">\n                  <div\n                    v-for=\"(v, k) in val.list\"\n                    :key=\"k\"\n                    class=\"url-box\"\n                    :class=\"chooseUrl == v.url ? 'choose' : ''\"\n                    @click=\"chooseUrl = v.url\"\n                  >\n                    {{ v.title }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div v-else class=\"url-list\">\n            <div\n              v-for=\"(val, k) in item.list\"\n              :key=\"k\"\n              class=\"url-box\"\n              :class=\"chooseUrl == val.url ? 'choose' : ''\"\n              @click=\"chooseUrl = val.url\"\n            >\n              {{ val.title }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </el-tab-pane>\n    <el-tab-pane label=\"自定义链接\">\n      <div style=\"width: 500px; margin: 100px auto\">\n        <div v-if=\"_jumpMinApp\" style=\"padding-bottom: 20px\">\n          <el-radio-group v-model=\"urlType\" class=\"ml-4\">\n            <el-radio :value=\"1\" size=\"large\">链接或路径</el-radio>\n            <el-radio :value=\"2\" size=\"large\">跳转其他小程序</el-radio>\n          </el-radio-group>\n        </div>\n        <el-form label-width=\"100px\" label-position=\"top\" size=\"default\">\n          <div v-if=\"urlType === 1\">\n            <el-form-item label=\"填写地址或路径\" required>\n              <el-input v-model=\"chooseUrl\" size=\"default\" />\n            </el-form-item>\n          </div>\n          <div v-else>\n            <el-form-item label=\"填写小程序APPID\" required>\n              <el-input v-model=\"minapp.appid\" size=\"default\" />\n            </el-form-item>\n            <el-form-item label=\"填写小程序路径\">\n              <el-input v-model=\"minapp.path\" size=\"default\" />\n            </el-form-item>\n          </div>\n        </el-form>\n      </div>\n    </el-tab-pane>\n  </el-tabs>\n  <div style=\"text-align: center\">\n    <el-button size=\"default\" style=\"width: 200px\" type=\"primary\" :disabled=\"!chooseUrl\" @click=\"onSubmit()\">\n      确定\n    </el-button>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, reactive, ref, watch, inject } from 'vue'\nimport DkUrlInputTable from './url-input-table.vue'\n\n\nconst emit = defineEmits(['submit'])\n\nconst props = defineProps({\n  urlData: {\n    default: () => {\n      return []\n    },\n    type: Array,\n  },\n  jumpMinApp: { default: false, type: Boolean },\n})\n\nconst urlInputData: any = inject('urlInputData', [])\n\nconst _urlData: any = computed(() => {\n  if (props.urlData?.length > 0) {\n    return props.urlData\n  } else {\n    return urlInputData.urlData\n  }\n})\n\nconst _jumpMinApp = computed(() => {\n  if (urlInputData.jumpMinApp !== undefined) {\n    return urlInputData.jumpMinApp\n  } else {\n    return props.jumpMinApp\n  }\n})\n\nconst minapp = reactive({\n  appid: '',\n  path: '',\n})\nconst chooseUrl = ref('')\nconst urlType = ref(1)\n\nconst onTabChange = () => {\n  chooseUrl.value = ''\n}\n\nconst onChooseUrl = (url: any) => {\n  chooseUrl.value = url\n}\n\nwatch(\n  () => minapp,\n  () => {\n    if (minapp.appid) {\n      chooseUrl.value = minapp.appid + '@' + minapp.path || '/'\n    }\n  },\n  {\n    deep: true,\n  }\n)\n\nconst onSubmit = () => {\n  emit('submit', chooseUrl.value)\n}\n</script>\n"],"names":["__MACROS_defineComponent","inject","computed","reactive","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,mBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;AAgGD,IAAA,MAAM,YAAoB,GAAAC,UAAA,CAAO,cAAgB,EAAA,EAAE,CAAA,CAAA;AAEnD,IAAM,MAAA,QAAA,GAAgBC,aAAS,MAAM;AACnC,MAAI,IAAA,KAAA,CAAM,OAAS,EAAA,MAAA,GAAS,CAAG,EAAA;AAC7B,QAAA,OAAO,KAAM,CAAA,OAAA,CAAA;AAAA,OACR,MAAA;AACL,QAAA,OAAO,YAAa,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAcA,aAAS,MAAM;AACjC,MAAI,IAAA,YAAA,CAAa,eAAe,KAAW,CAAA,EAAA;AACzC,QAAA,OAAO,YAAa,CAAA,UAAA,CAAA;AAAA,OACf,MAAA;AACL,QAAA,OAAO,KAAM,CAAA,UAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,SAASC,YAAS,CAAA;AAAA,MACtB,KAAO,EAAA,EAAA;AAAA,MACP,IAAM,EAAA,EAAA;AAAA,KACP,CAAA,CAAA;AACD,IAAM,MAAA,SAAA,GAAYC,QAAI,EAAE,CAAA,CAAA;AACxB,IAAM,MAAA,OAAA,GAAUA,QAAI,CAAC,CAAA,CAAA;AAErB,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,SAAA,CAAU,KAAQ,GAAA,EAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,GAAa,KAAA;AAChC,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAAC,SAAA;AAAA,MACE,MAAM,MAAA;AAAA,MACN,MAAM;AACJ,QAAA,IAAI,OAAO,KAAO,EAAA;AAChB,UAAA,SAAA,CAAU,KAAQ,GAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,GAAM,OAAO,IAAQ,IAAA,GAAA,CAAA;AAAA,SACxD;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAK,IAAA,CAAA,QAAA,EAAU,UAAU,KAAK,CAAA,CAAA;AAAA,KAChC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vipl520/dk-ui",
-  "version": "1.0.80",
+  "version": "1.0.82",
   "description": "多客怪兽框架核心组件，支持diy、crud动态表格、上传组件等",
   "main": "lib/index.js",
   "module": "es/index.mjs",