@vipl520/dk-ui 1.0.41 → 1.0.42

package/lib/dialog/src/dialog.vue2.js

@@ -39,7 +39,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const toggleFull = () => {
       isFullscreen.value = !vue.unref(isFullscreen);
     };
-    const dialogHeight = vue.ref(utils.isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight);
+    const dialogHeight = vue.ref(
+      utils.isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight
+    );
     vue.watch(
       () => isFullscreen.value,
       async (val) => {

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue2.js","sources":["../../../src/dialog/src/dialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkDialog',\n});\n</script>\n<template>\n  <ElDialog\n    v-bind=\"getBindValue\"\n    :fullscreen=\"isFullscreen\"\n    destroy-on-close\n    append-to-body\n    lock-scroll\n    :draggable=\"draggable\"\n    :close-on-click-modal=\"false\"\n    :show-close=\"false\"\n    class=\"dk-dialog\"\n    :z-index=\"props.zIndex\"\n  >\n    <template #header=\"{ close }\">\n      <slot name=\"header\">\n        <div class=\"flex justify-between items-center relative\">\n          <span>{{ props.title }}</span>\n          <div class=\"flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]\">\n            <dk-icon\n              v-if=\"fullscreen\"\n              class=\"cursor-pointer is-hover mr-10px\"\n              :icon=\"isFullscreen ? 'radix-icons:exit-full-screen' : 'radix-icons:enter-full-screen'\"\n              color=\"var(--el-color-info)\"\n              hover-color=\"var(--el-color-primary)\"\n              @click=\"toggleFull\"\n            />\n            <dk-icon\n              class=\"cursor-pointer is-hover\"\n              icon=\"ep:close\"\n              hover-color=\"var(--el-color-primary)\"\n              color=\"var(--el-color-info)\"\n              @click=\"close\"\n            />\n          </div>\n        </div>\n      </slot>\n    </template>\n\n    <ElScrollbar :style=\"dialogStyle\">\n      <slot></slot>\n    </ElScrollbar>\n\n    <template v-if=\"slots.footer\" #footer>\n      <slot name=\"footer\"></slot>\n    </template>\n  </ElDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isNumber } from '@vipl520/utils'\nimport { dialogProps } from './props'\nimport { computed, useAttrs, ref, unref, useSlots, watch, nextTick } from 'vue'\n\nconst [_, bem] = createNamespace('dialog')\n\n\nconst slots = useSlots()\n\nconst props = defineProps(dialogProps)\n\nconst getBindValue = computed(() => {\n  const delArr: string[] = ['fullscreen', 'title', 'maxHeight']\n  const attrs = useAttrs()\n  const obj: { [key: string]: any } = { ...attrs, ...props }\n  for (const key in obj) {\n    if (delArr.indexOf(key) !== -1) {\n      delete obj[key] as any\n    }\n  }\n  return obj\n})\nconst isFullscreen = ref(props.defaultFullscreen)\n\nwatch(\n  () => props.defaultFullscreen,\n  () => {\n    isFullscreen.value = props.defaultFullscreen\n  }\n)\n\nconst toggleFull = () => {\n  isFullscreen.value = !unref(isFullscreen)\n}\n\nconst dialogHeight = ref(isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight)\n\nwatch(\n  () => isFullscreen.value,\n  async (val: boolean) => {\n    await nextTick()\n    if (val) {\n      const windowHeight = document.documentElement.offsetHeight\n      dialogHeight.value = `${windowHeight - 55 - 60 - (slots.footer ? 63 : 0)}px`\n    } else {\n      dialogHeight.value = isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight\n    }\n  },\n  {\n    immediate: true,\n  }\n)\n\nconst dialogStyle = computed(() => {\n  return {\n    maxHeight: unref(dialogHeight),\n  }\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","useSlots","computed","useAttrs","ref","watch","unref","isNumber","nextTick"],"mappings":";;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAuDD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,QAAQ,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,MAAmB,GAAA,CAAC,YAAc,EAAA,OAAA,EAAS,WAAW,CAAA,CAAA;AAC5D,MAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AACvB,MAAA,MAAM,GAA8B,GAAA,EAAE,GAAG,KAAA,EAAO,GAAG,KAAM,EAAA,CAAA;AACzD,MAAA,KAAA,MAAW,OAAO,GAAK,EAAA;AACrB,QAAA,IAAI,MAAO,CAAA,OAAA,CAAQ,GAAG,CAAA,KAAM,CAAI,CAAA,EAAA;AAC9B,UAAA,OAAO,IAAI,GAAG,CAAA,CAAA;AAAA,SAChB;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAeC,OAAI,CAAA,KAAA,CAAM,iBAAiB,CAAA,CAAA;AAEhD,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,iBAAA;AAAA,MACZ,MAAM;AACJ,QAAA,YAAA,CAAa,QAAQ,KAAM,CAAA,iBAAA,CAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAa,YAAA,CAAA,KAAA,GAAQ,CAACC,SAAA,CAAM,YAAY,CAAA,CAAA;AAAA,KAC1C,CAAA;AAEA,IAAM,MAAA,YAAA,GAAeF,OAAI,CAAAG,cAAA,CAAS,KAAM,CAAA,SAAS,CAAI,GAAA,CAAA,EAAG,KAAM,CAAA,SAAS,CAAO,EAAA,CAAA,GAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAE7F,IAAAF,SAAA;AAAA,MACE,MAAM,YAAa,CAAA,KAAA;AAAA,MACnB,OAAO,GAAiB,KAAA;AACtB,QAAA,MAAMG,YAAS,EAAA,CAAA;AACf,QAAA,IAAI,GAAK,EAAA;AACP,UAAM,MAAA,YAAA,GAAe,SAAS,eAAgB,CAAA,YAAA,CAAA;AAC9C,UAAa,YAAA,CAAA,KAAA,GAAQ,GAAG,YAAe,GAAA,EAAA,GAAK,MAAM,KAAM,CAAA,MAAA,GAAS,KAAK,CAAE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SACnE,MAAA;AACL,UAAa,YAAA,CAAA,KAAA,GAAQD,eAAS,KAAM,CAAA,SAAS,IAAI,CAAG,EAAA,KAAA,CAAM,SAAS,CAAA,EAAA,CAAA,GAAO,KAAM,CAAA,SAAA,CAAA;AAAA,SAClF;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAcL,aAAS,MAAM;AACjC,MAAO,OAAA;AAAA,QACL,SAAA,EAAWI,UAAM,YAAY,CAAA;AAAA,OAC/B,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dialog.vue2.js","sources":["../../../src/dialog/src/dialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkDialog',\n});\n</script>\n<template>\n  <ElDialog\n    v-bind=\"getBindValue\"\n    :fullscreen=\"isFullscreen\"\n    destroy-on-close\n    append-to-body\n    lock-scroll\n    :draggable=\"draggable\"\n    :close-on-click-modal=\"false\"\n    :show-close=\"false\"\n    class=\"dk-dialog\"\n    :z-index=\"props.zIndex\"\n  >\n    <template #header=\"{ close }\">\n      <slot name=\"header\">\n        <div class=\"flex justify-between items-center relative\">\n          <span>{{ props.title }}</span>\n          <div\n            class=\"flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]\"\n          >\n            <dk-icon\n              v-if=\"fullscreen\"\n              class=\"cursor-pointer is-hover mr-10px\"\n              :icon=\"\n                isFullscreen\n                  ? 'radix-icons:exit-full-screen'\n                  : 'radix-icons:enter-full-screen'\n              \"\n              color=\"var(--el-color-info)\"\n              hover-color=\"var(--el-color-primary)\"\n              @click=\"toggleFull\"\n            />\n            <dk-icon\n              class=\"cursor-pointer is-hover\"\n              icon=\"ep:close\"\n              hover-color=\"var(--el-color-primary)\"\n              color=\"var(--el-color-info)\"\n              @click=\"close\"\n            />\n          </div>\n        </div>\n      </slot>\n    </template>\n\n    <ElScrollbar :style=\"dialogStyle\">\n      <slot></slot>\n    </ElScrollbar>\n\n    <template v-if=\"slots.footer\" #footer>\n      <slot name=\"footer\"></slot>\n    </template>\n  </ElDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isNumber } from '@vipl520/utils'\nimport { dialogProps } from './props'\nimport { computed, useAttrs, ref, unref, useSlots, watch, nextTick } from 'vue'\n\nconst [_, bem] = createNamespace('dialog')\n\n\nconst slots = useSlots()\n\nconst props = defineProps(dialogProps)\n\nconst getBindValue = computed(() => {\n  const delArr: string[] = ['fullscreen', 'title', 'maxHeight']\n  const attrs = useAttrs()\n  const obj: { [key: string]: any } = { ...attrs, ...props }\n  for (const key in obj) {\n    if (delArr.indexOf(key) !== -1) {\n      delete obj[key] as any\n    }\n  }\n  return obj\n})\nconst isFullscreen = ref(props.defaultFullscreen)\n\nwatch(\n  () => props.defaultFullscreen,\n  () => {\n    isFullscreen.value = props.defaultFullscreen\n  }\n)\n\nconst toggleFull = () => {\n  isFullscreen.value = !unref(isFullscreen)\n}\n\nconst dialogHeight = ref(\n  isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight\n)\n\nwatch(\n  () => isFullscreen.value,\n  async (val: boolean) => {\n    await nextTick()\n    if (val) {\n      const windowHeight = document.documentElement.offsetHeight\n      dialogHeight.value = `${\n        windowHeight - 55 - 60 - (slots.footer ? 63 : 0)\n      }px`\n    } else {\n      dialogHeight.value = isNumber(props.maxHeight)\n        ? `${props.maxHeight}px`\n        : props.maxHeight\n    }\n  },\n  {\n    immediate: true,\n  }\n)\n\nconst dialogStyle = computed(() => {\n  return {\n    maxHeight: unref(dialogHeight),\n  }\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","useSlots","computed","useAttrs","ref","watch","unref","isNumber","nextTick"],"mappings":";;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;AA6DD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,QAAQ,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,MAAmB,GAAA,CAAC,YAAc,EAAA,OAAA,EAAS,WAAW,CAAA,CAAA;AAC5D,MAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AACvB,MAAA,MAAM,GAA8B,GAAA,EAAE,GAAG,KAAA,EAAO,GAAG,KAAM,EAAA,CAAA;AACzD,MAAA,KAAA,MAAW,OAAO,GAAK,EAAA;AACrB,QAAA,IAAI,MAAO,CAAA,OAAA,CAAQ,GAAG,CAAA,KAAM,CAAI,CAAA,EAAA;AAC9B,UAAA,OAAO,IAAI,GAAG,CAAA,CAAA;AAAA,SAChB;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAeC,OAAI,CAAA,KAAA,CAAM,iBAAiB,CAAA,CAAA;AAEhD,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,iBAAA;AAAA,MACZ,MAAM;AACJ,QAAA,YAAA,CAAa,QAAQ,KAAM,CAAA,iBAAA,CAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAa,YAAA,CAAA,KAAA,GAAQ,CAACC,SAAA,CAAM,YAAY,CAAA,CAAA;AAAA,KAC1C,CAAA;AAEA,IAAA,MAAM,YAAe,GAAAF,OAAA;AAAA,MACnBG,cAAA,CAAS,MAAM,SAAS,CAAA,GAAI,GAAG,KAAM,CAAA,SAAS,OAAO,KAAM,CAAA,SAAA;AAAA,KAC7D,CAAA;AAEA,IAAAF,SAAA;AAAA,MACE,MAAM,YAAa,CAAA,KAAA;AAAA,MACnB,OAAO,GAAiB,KAAA;AACtB,QAAA,MAAMG,YAAS,EAAA,CAAA;AACf,QAAA,IAAI,GAAK,EAAA;AACP,UAAM,MAAA,YAAA,GAAe,SAAS,eAAgB,CAAA,YAAA,CAAA;AAC9C,UAAa,YAAA,CAAA,KAAA,GAAQ,GACnB,YAAe,GAAA,EAAA,GAAK,MAAM,KAAM,CAAA,MAAA,GAAS,KAAK,CAChD,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SACK,MAAA;AACL,UAAa,YAAA,CAAA,KAAA,GAAQD,eAAS,KAAM,CAAA,SAAS,IACzC,CAAG,EAAA,KAAA,CAAM,SAAS,CAAA,EAAA,CAAA,GAClB,KAAM,CAAA,SAAA,CAAA;AAAA,SACZ;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAcL,aAAS,MAAM;AACjC,MAAO,OAAA;AAAA,QACL,SAAA,EAAWI,UAAM,YAAY,CAAA;AAAA,OAC/B,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/dialog/style/index.scss

@@ -2,6 +2,7 @@
   .el-dialog__header {
     margin-right: 0;
   }
+
   .el-dialog__body {
     padding: 10px 20px;
   }

package/lib/file-input/src/file-input.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var fileInput_vue_vue_type_script_setup_true_lang = require('./file-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _FileInput = /* @__PURE__ */ _pluginVue_exportHelper.default(fileInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\file-input\\src\\file-input.vue"]]);
+var _FileInput = /* @__PURE__ */ _pluginVue_exportHelper.default(fileInput_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\\file-input\\src\\file-input.vue"]]);
 
 exports.default = _FileInput;
 //# sourceMappingURL=file-input.vue.js.map

package/lib/file-input/src/file-input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.vue2.js","sources":["../../../src/file-input/src/file-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkFileInput',\n});\n</script>\n<template>\n  <div :class=\"bem()\">\n    <!--↓↓↓↓显示input框↓↓↓↓-->\n    <template v-if=\"showInput\">\n      <el-input v-model=\"input\" :placeholder=\"placeholder\" clearable>\n        <template #append>\n          <el-button @click=\"onClick\">选择</el-button>\n        </template>\n      </el-input>\n      <!--选择的是图片-->\n      <div class=\"show m-t-5px\">\n        <el-image v-if=\"type === 1\" :src=\"input\" alt=\"\" fit=\"contain\" class=\"file rd-4px\" :preview-src-list=\"[input]\">\n          <template #error>\n            <div class=\"image-error\">\n              <dk-icon icon=\"Picture\"></dk-icon>\n            </div>\n          </template>\n        </el-image>\n        <dk-file-icon v-else :file-url=\"input\" class=\"file rd-4px\" :type=\"type\" />\n        <em @click=\"input = ''\">\n          <dk-icon icon=\"Close\"></dk-icon>\n        </em>\n      </div>\n    </template>\n    <!--↓↓↓↓不显示input框↓↓↓↓-->\n    <template v-else>\n      <div\n        class=\"only-img flex justify-center items-center\"\n        style=\"position: relative\"\n        :style=\"{ width: imgSize + 'px', height: imgSize + 'px' }\"\n        @click=\"onClick\"\n      >\n        <template v-if=\"input\">\n          <!--图片附件-->\n          <el-image v-if=\"type === 1\" :src=\"input\" alt=\"\" fit=\"contain\" style=\"width: 100%; height: 100%\">\n            <template #error>\n              <div class=\"image-slot\">\n                <div class=\"no-image\">\n                  <el-icon><Picture /></el-icon>\n                </div>\n              </div>\n            </template>\n          </el-image>\n          <!--其他附件-->\n          <template v-if=\"type !== 1 && input\">\n            <dk-file-icon :file-url=\"input\" class=\"file rd-4px\" :type=\"type\" />\n          </template>\n          <div class=\"close\" @click.stop=\"onClear()\">\n            <el-icon><Close /></el-icon>\n          </div>\n        </template>\n        <!--没有上传的时候-->\n        <template v-else>\n          <div\n            class=\"media\"\n            :style=\"{\n              lineHeight: imgSize + 'px',\n              fontSize: imgSize / 2 + 'px',\n            }\"\n          >\n            <el-icon><Plus /></el-icon>\n          </div>\n        </template>\n      </div>\n    </template>\n    <dk-attachment-dialog ref=\"attachmentDialog\" :type=\"type\" @confirm=\"onConfirm\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { fileInputProps } from './props'\nimport { ref, watch } from 'vue'\nimport DkFileIcon from '../../attachment/src/file-icon.vue'\n\nconst [_, bem] = createNamespace('file-input')\n\n\n\nconst props = defineProps(fileInputProps)\nconst input = ref(props.modelValue)\nconst attachmentDialog = ref()\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nwatch(\n  () => props.modelValue,\n  (val) => {\n    input.value = val\n  }\n)\n\nwatch(\n  () => input.value,\n  (val) => {\n    handleInput(val)\n  }\n)\n\nconst handleInput = (val: any) => {\n  emit('update:modelValue', val)\n  emit('input', val)\n  emit('change', val)\n}\n\nconst onClear = () => {\n  input.value = ''\n}\n\nconst onClick = () => {\n  attachmentDialog.value.open()\n}\n// 确认选中附件\nconst onConfirm = (chooseFileList: any) => {\n  input.value = chooseFileList[0].url\n}\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","watch"],"mappings":";;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,aAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA6ED,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,YAAY,CAAA,CAAA;AAK7C,IAAM,MAAA,KAAA,GAAQC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,mBAAmBA,OAAI,EAAA,CAAA;AAG7B,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,OAChB;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,GAAa,KAAA;AAChC,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AACjB,MAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,KAAA,CAAM,KAAQ,GAAA,EAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,gBAAA,CAAiB,MAAM,IAAK,EAAA,CAAA;AAAA,KAC9B,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,cAAwB,KAAA;AACzC,MAAM,KAAA,CAAA,KAAA,GAAQ,cAAe,CAAA,CAAC,CAAE,CAAA,GAAA,CAAA;AAAA,KAClC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"file-input.vue2.js","sources":["../../../src/file-input/src/file-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkFileInput',\n});\n</script>\n<template>\n  <div :class=\"bem()\">\n    <!--↓↓↓↓显示input框↓↓↓↓-->\n    <template v-if=\"showInput\">\n      <el-input v-model=\"input\" :placeholder=\"placeholder\" clearable>\n        <template #append>\n          <el-button @click=\"onClick\">选择</el-button>\n        </template>\n      </el-input>\n      <!--选择的是图片-->\n      <div class=\"show m-t-5px\">\n        <el-image\n          v-if=\"type === 1\"\n          :src=\"input\"\n          alt=\"\"\n          fit=\"contain\"\n          class=\"file rd-4px\"\n          :preview-src-list=\"[input]\"\n        >\n          <template #error>\n            <div class=\"image-error\">\n              <dk-icon icon=\"Picture\"></dk-icon>\n            </div>\n          </template>\n        </el-image>\n        <dk-file-icon\n          v-else\n          :file-url=\"input\"\n          class=\"file rd-4px\"\n          :type=\"type\"\n        />\n        <em @click=\"input = ''\">\n          <dk-icon icon=\"Close\"></dk-icon>\n        </em>\n      </div>\n    </template>\n    <!--↓↓↓↓不显示input框↓↓↓↓-->\n    <template v-else>\n      <div\n        class=\"only-img flex justify-center items-center\"\n        style=\"position: relative\"\n        :style=\"{ width: imgSize + 'px', height: imgSize + 'px' }\"\n        @click=\"onClick\"\n      >\n        <template v-if=\"input\">\n          <!--图片附件-->\n          <el-image\n            v-if=\"type === 1\"\n            :src=\"input\"\n            alt=\"\"\n            fit=\"contain\"\n            style=\"width: 100%; height: 100%\"\n          >\n            <template #error>\n              <div class=\"image-slot\">\n                <div class=\"no-image\">\n                  <el-icon><Picture /></el-icon>\n                </div>\n              </div>\n            </template>\n          </el-image>\n          <!--其他附件-->\n          <template v-if=\"type !== 1 && input\">\n            <dk-file-icon :file-url=\"input\" class=\"file rd-4px\" :type=\"type\" />\n          </template>\n          <div class=\"close\" @click.stop=\"onClear()\">\n            <el-icon><Close /></el-icon>\n          </div>\n        </template>\n        <!--没有上传的时候-->\n        <template v-else>\n          <div\n            class=\"media\"\n            :style=\"{\n              lineHeight: imgSize + 'px',\n              fontSize: imgSize / 2 + 'px',\n            }\"\n          >\n            <el-icon><Plus /></el-icon>\n          </div>\n        </template>\n      </div>\n    </template>\n    <dk-attachment-dialog\n      ref=\"attachmentDialog\"\n      :type=\"type\"\n      @confirm=\"onConfirm\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { fileInputProps } from './props'\nimport { ref, watch } from 'vue'\nimport DkFileIcon from '../../attachment/src/file-icon.vue'\n\nconst [_, bem] = createNamespace('file-input')\n\n\n\nconst props = defineProps(fileInputProps)\nconst input = ref(props.modelValue)\nconst attachmentDialog = ref()\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nwatch(\n  () => props.modelValue,\n  (val) => {\n    input.value = val\n  }\n)\n\nwatch(\n  () => input.value,\n  (val) => {\n    handleInput(val)\n  }\n)\n\nconst handleInput = (val: any) => {\n  emit('update:modelValue', val)\n  emit('input', val)\n  emit('change', val)\n}\n\nconst onClear = () => {\n  input.value = ''\n}\n\nconst onClick = () => {\n  attachmentDialog.value.open()\n}\n// 确认选中附件\nconst onConfirm = (chooseFileList: any) => {\n  input.value = chooseFileList[0].url\n}\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","watch"],"mappings":";;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,aAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAmGD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,YAAY,CAAA,CAAA;AAK7C,IAAM,MAAA,KAAA,GAAQC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,mBAAmBA,OAAI,EAAA,CAAA;AAG7B,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,OAChB;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,GAAa,KAAA;AAChC,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AACjB,MAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,KAAA,CAAM,KAAQ,GAAA,EAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,gBAAA,CAAiB,MAAM,IAAK,EAAA,CAAA;AAAA,KAC9B,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,cAAwB,KAAA;AACzC,MAAM,KAAA,CAAA,KAAA,GAAQ,cAAe,CAAA,CAAC,CAAE,CAAA,GAAA,CAAA;AAAA,KAClC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/file-list-input/src/file-list-input.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var fileListInput_vue_vue_type_script_setup_true_lang = require('./file-list-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _FileListInput = /* @__PURE__ */ _pluginVue_exportHelper.default(fileListInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\file-list-input\\src\\file-list-input.vue"]]);
+var _FileListInput = /* @__PURE__ */ _pluginVue_exportHelper.default(fileListInput_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\\file-list-input\\src\\file-list-input.vue"]]);
 
 exports.default = _FileListInput;
 //# sourceMappingURL=file-list-input.vue.js.map

package/lib/file-list-input/src/file-list-input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-list-input.vue2.js","sources":["../../../src/file-list-input/src/file-list-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkFileListInput',\n});\n</script>\n<template>\n  <div :class=\"bem()\">\n    <div class=\"dk-image-list\">\n      <ul>\n        <li v-for=\"(item, key) in input\" :key=\"key\">\n          <div class=\"file\" :style=\"_style\">\n            <el-image v-if=\"type === 1\" :src=\"item\" fit=\"contain\" :style=\"_style\" />\n            <dk-file-icon v-else :file-url=\"item\" class=\"file rd-4px\" :type=\"type\" />\n            <div v-if=\"!disabled\" class=\"close\" @click=\"deleteFile(key)\">\n              <el-icon><Close /></el-icon>\n            </div>\n          </div>\n        </li>\n        <li v-if=\"limit > input.length && !disabled\">\n          <div class=\"chooseImage\" :style=\"_style\" @click=\"onClick()\">\n            <el-icon><Plus /></el-icon>\n          </div>\n        </li>\n      </ul>\n    </div>\n    <dk-attachment-dialog ref=\"attachment\" :type=\"type\" @confirm=\"onConfirm\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { fileListInputProps } from './props'\nimport { computed, ref, watch } from 'vue'\nimport DkFileIcon from '../../attachment/src/file-icon.vue'\n\nconst [_, bem] = createNamespace('file-list-input')\n\n\n\nconst props = defineProps(fileListInputProps)\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nconst input: any = ref(props.modelValue)\nconst _style = computed(() => {\n  return {\n    width: props.imgSize + 'px',\n    height: props.imgSize + 'px',\n    lineHeight: props.imgSize + 'px',\n  }\n})\n\nconst attachment = ref()\n\nconst onClick = () => {\n  attachment.value.open()\n}\nconst onConfirm = (chooseFileList: any) => {\n  chooseFileList.forEach((item: any) => {\n    if (input.value.length < props.limit) {\n      input.value.push(item.url)\n      handleInput(input.value)\n    }\n  })\n}\nconst deleteFile = (index: number) => {\n  input.value.splice(index, 1)\n}\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    input.value = val\n  }\n)\n\nwatch(\n  () => input.value,\n  (val) => {\n    handleInput(val)\n  }\n)\n\nconst handleInput = (val: any) => {\n  emit('update:modelValue', val)\n  emit('input', val)\n  emit('change', val)\n}\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","computed","watch"],"mappings":";;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,iBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAgCD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,iBAAiB,CAAA,CAAA;AAMlD,IAAM,MAAA,KAAA,GAAaC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACvC,IAAM,MAAA,MAAA,GAASC,aAAS,MAAM;AAC5B,MAAO,OAAA;AAAA,QACL,KAAA,EAAO,MAAM,OAAU,GAAA,IAAA;AAAA,QACvB,MAAA,EAAQ,MAAM,OAAU,GAAA,IAAA;AAAA,QACxB,UAAA,EAAY,MAAM,OAAU,GAAA,IAAA;AAAA,OAC9B,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,aAAaD,OAAI,EAAA,CAAA;AAEvB,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,UAAA,CAAW,MAAM,IAAK,EAAA,CAAA;AAAA,KACxB,CAAA;AACA,IAAM,MAAA,SAAA,GAAY,CAAC,cAAwB,KAAA;AACzC,MAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,IAAc,KAAA;AACpC,QAAA,IAAI,KAAM,CAAA,KAAA,CAAM,MAAS,GAAA,KAAA,CAAM,KAAO,EAAA;AACpC,UAAM,KAAA,CAAA,KAAA,CAAM,IAAK,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACzB,UAAA,WAAA,CAAY,MAAM,KAAK,CAAA,CAAA;AAAA,SACzB;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AACA,IAAM,MAAA,UAAA,GAAa,CAAC,KAAkB,KAAA;AACpC,MAAM,KAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAAA,KAC7B,CAAA;AAEA,IAAAE,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,OAChB;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,GAAa,KAAA;AAChC,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AACjB,MAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"file-list-input.vue2.js","sources":["../../../src/file-list-input/src/file-list-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkFileListInput',\n});\n</script>\n<template>\n  <div :class=\"bem()\">\n    <div class=\"dk-image-list\">\n      <ul>\n        <li v-for=\"(item, key) in input\" :key=\"key\">\n          <div class=\"file\" :style=\"_style\">\n            <el-image\n              v-if=\"type === 1\"\n              :src=\"item\"\n              fit=\"contain\"\n              :style=\"_style\"\n            />\n            <dk-file-icon\n              v-else\n              :file-url=\"item\"\n              class=\"file rd-4px\"\n              :type=\"type\"\n            />\n            <div v-if=\"!disabled\" class=\"close\" @click=\"deleteFile(key)\">\n              <el-icon><Close /></el-icon>\n            </div>\n          </div>\n        </li>\n        <li v-if=\"limit > input.length && !disabled\">\n          <div class=\"chooseImage\" :style=\"_style\" @click=\"onClick()\">\n            <el-icon><Plus /></el-icon>\n          </div>\n        </li>\n      </ul>\n    </div>\n    <dk-attachment-dialog ref=\"attachment\" :type=\"type\" @confirm=\"onConfirm\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { fileListInputProps } from './props'\nimport { computed, ref, watch } from 'vue'\nimport DkFileIcon from '../../attachment/src/file-icon.vue'\n\nconst [_, bem] = createNamespace('file-list-input')\n\n\n\nconst props = defineProps(fileListInputProps)\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nconst input: any = ref(props.modelValue)\nconst _style = computed(() => {\n  return {\n    width: props.imgSize + 'px',\n    height: props.imgSize + 'px',\n    lineHeight: props.imgSize + 'px',\n  }\n})\n\nconst attachment = ref()\n\nconst onClick = () => {\n  attachment.value.open()\n}\nconst onConfirm = (chooseFileList: any) => {\n  chooseFileList.forEach((item: any) => {\n    if (input.value.length < props.limit) {\n      input.value.push(item.url)\n      handleInput(input.value)\n    }\n  })\n}\nconst deleteFile = (index: number) => {\n  input.value.splice(index, 1)\n}\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    input.value = val\n  }\n)\n\nwatch(\n  () => input.value,\n  (val) => {\n    handleInput(val)\n  }\n)\n\nconst handleInput = (val: any) => {\n  emit('update:modelValue', val)\n  emit('input', val)\n  emit('change', val)\n}\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","computed","watch"],"mappings":";;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,iBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA0CD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,iBAAiB,CAAA,CAAA;AAMlD,IAAM,MAAA,KAAA,GAAaC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACvC,IAAM,MAAA,MAAA,GAASC,aAAS,MAAM;AAC5B,MAAO,OAAA;AAAA,QACL,KAAA,EAAO,MAAM,OAAU,GAAA,IAAA;AAAA,QACvB,MAAA,EAAQ,MAAM,OAAU,GAAA,IAAA;AAAA,QACxB,UAAA,EAAY,MAAM,OAAU,GAAA,IAAA;AAAA,OAC9B,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,aAAaD,OAAI,EAAA,CAAA;AAEvB,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,UAAA,CAAW,MAAM,IAAK,EAAA,CAAA;AAAA,KACxB,CAAA;AACA,IAAM,MAAA,SAAA,GAAY,CAAC,cAAwB,KAAA;AACzC,MAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,IAAc,KAAA;AACpC,QAAA,IAAI,KAAM,CAAA,KAAA,CAAM,MAAS,GAAA,KAAA,CAAM,KAAO,EAAA;AACpC,UAAM,KAAA,CAAA,KAAA,CAAM,IAAK,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACzB,UAAA,WAAA,CAAY,MAAM,KAAK,CAAA,CAAA;AAAA,SACzB;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AACA,IAAM,MAAA,UAAA,GAAa,CAAC,KAAkB,KAAA;AACpC,MAAM,KAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAAA,KAC7B,CAAA;AAEA,IAAAE,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,OAChB;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,GAAa,KAAA;AAChC,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AACjB,MAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/file-list-input/style/index.css

@@ -1 +1 @@
-.dk-file-list-input{width:100%}.dk-file-list-input .button{text-align:center;border-top:1px solid #f5f5f5;padding-top:10px}.dk-file-list-input .dk-image-list ul:after{content:"";display:block;clear:both}.dk-file-list-input .dk-image-list ul li{float:left;margin-right:10px;margin-bottom:10px;border:1px solid var(--el-border-color);border-radius:4px}.dk-file-list-input .dk-image-list ul li .file{position:relative;width:100px;height:100px;text-align:center}.dk-file-list-input .dk-image-list ul li .file div{position:relative}.dk-file-list-input .dk-image-list ul li .file div .other-file{font-size:80px;color:#aaa;line-height:100px}.dk-file-list-input .dk-image-list ul li .file div .el-icon-video-play{display:none;position:absolute;bottom:2px;right:2px;font-size:20px;cursor:pointer}.dk-file-list-input .dk-image-list ul li .file div:hover .el-icon-video-play{color:#409eff;display:block}.dk-file-list-input .dk-image-list ul li .file .close{display:none;cursor:pointer;position:absolute;top:0;line-height:20px;right:0;width:20px;height:20px;text-align:center;background:rgba(0,0,0,.4);border-radius:100%;color:#fff;align-items:center;justify-content:center}.dk-file-list-input .dk-image-list ul li .file:hover .close{display:flex}.dk-file-list-input .dk-image-list ul li .chooseImage{width:100px;height:100px;line-height:100px;text-align:center;font-size:40px;color:#999;cursor:pointer}.dk-file-list-input .dk-image-list ul li .chooseImage:hover{color:#409eff}
+.dk-file-list-input{width:100%}.dk-file-list-input .button{padding-top:10px;text-align:center;border-top:1px solid #f5f5f5}.dk-file-list-input .dk-image-list ul::after{display:block;clear:both;content:""}.dk-file-list-input .dk-image-list ul li{float:left;margin-right:10px;margin-bottom:10px;border:1px solid var(--el-border-color);border-radius:4px}.dk-file-list-input .dk-image-list ul li .file{position:relative;width:100px;height:100px;text-align:center}.dk-file-list-input .dk-image-list ul li .file div{position:relative}.dk-file-list-input .dk-image-list ul li .file div .other-file{font-size:80px;line-height:100px;color:#aaa}.dk-file-list-input .dk-image-list ul li .file div .el-icon-video-play{position:absolute;right:2px;bottom:2px;display:none;font-size:20px;cursor:pointer}.dk-file-list-input .dk-image-list ul li .file div:hover .el-icon-video-play{display:block;color:#409eff}.dk-file-list-input .dk-image-list ul li .file .close{position:absolute;top:0;right:0;display:none;align-items:center;justify-content:center;width:20px;height:20px;line-height:20px;color:#fff;text-align:center;cursor:pointer;background:rgba(0,0,0,.4);border-radius:100%}.dk-file-list-input .dk-image-list ul li .file:hover .close{display:flex}.dk-file-list-input .dk-image-list ul li .chooseImage{width:100px;height:100px;font-size:40px;line-height:100px;color:#999;text-align:center;cursor:pointer}.dk-file-list-input .dk-image-list ul li .chooseImage:hover{color:#409eff}

package/lib/file-list-input/style/index.scss

@@ -1,19 +1,21 @@
 .dk-file-list-input {
   width: 100%;
+
   .button {
+    padding-top: 10px;
     text-align: center;
     border-top: 1px solid #f5f5f5;
-    padding-top: 10px;
   }
 
   .dk-image-list {
     ul {
       // 清除浮动
-      &:after {
-        content: '';
+      &::after {
         display: block;
         clear: both;
+        content: '';
       }
+
       li {
         float: left;
         margin-right: 10px;
@@ -32,38 +34,40 @@
 
             .other-file {
               font-size: 80px;
-              color: #aaa;
               line-height: 100px;
+              color: #aaa;
             }
+
             .el-icon-video-play {
-              display: none;
               position: absolute;
-              bottom: 2px;
               right: 2px;
+              bottom: 2px;
+              display: none;
               font-size: 20px;
               cursor: pointer;
             }
+
             &:hover .el-icon-video-play {
-              color: #409eff;
               display: block;
+              color: #409eff;
             }
           }
 
           .close {
-            display: none;
-            cursor: pointer;
             position: absolute;
             top: 0;
-            line-height: 20px;
             right: 0;
+            display: none;
+            align-items: center;
+            justify-content: center;
             width: 20px;
             height: 20px;
+            line-height: 20px;
+            color: #fff;
             text-align: center;
-            background: rgba(0, 0, 0, 0.4);
+            cursor: pointer;
+            background: rgb(0 0 0 / 40%);
             border-radius: 100%;
-            color: #fff;
-            align-items: center;
-            justify-content: center;
           }
 
           &:hover .close {
@@ -74,10 +78,10 @@
         .chooseImage {
           width: 100px;
           height: 100px;
-          line-height: 100px;
-          text-align: center;
           font-size: 40px;
+          line-height: 100px;
           color: #999;
+          text-align: center;
           cursor: pointer;
 
           &:hover {

package/lib/form/src/form.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var form_vue_vue_type_script_setup_true_lang = require('./form.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(form_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\form\\src\\form.vue"]]);
+var _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(form_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\\form\\src\\form.vue"]]);
 
 exports.default = _Form;
 //# sourceMappingURL=form.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form.vue2.js","sources":["../../../src/form/src/form.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkForm',\n});\n</script>\n<template>\n  <DkDialog\n    v-if=\"props.isDialog\"\n    v-model=\"showDialog\"\n    :title=\"_formData?.title ? _formData?.title : '表单'\"\n    :width=\"dialogWidth\"\n    :default-fullscreen=\"isFullscreen\"\n    min-height=\"200px\"\n    v-bind=\"dialogProps\"\n    append-to-body\n  >\n    <div :style=\"dialogStyle\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交</el-button>\n        </slot>\n      </div>\n    </div>\n  </DkDialog>\n  <div v-else>\n    <div :style=\"{ minHeight }\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交</el-button>\n        </slot>\n      </div>\n    </div>\n    <!--    <div v-else :style=\"{ minHeight }\"></div>-->\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isArray, isObject, request } from '@vipl520/utils'\nimport formCreate from '@form-create/element-ui'\nimport { formProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport _config from './config'\nimport { ElButton, ElMessage } from 'element-plus'\nimport { useWindowSize } from '@vueuse/core'\n\nconst [_, bem] = createNamespace('form')\n\nformCreate.register({\n  name: 'help',\n  init({ value }, rule) {\n    // 判断value是字符串还是数组,如果是字符串则转换为数组，如果是数组则不变\n    if (!isArray(value)) {\n      value = [value]\n    }\n    rule.suffix = {\n      type: 'p',\n      children: value,\n      class: 'form-help',\n    }\n  },\n})\n\n\nconst FormCreate = formCreate.$form()\n\nconst props = defineProps(formProps)\n\nconst config = reactive(_config)\nconst fApi = ref()\nconst loading = ref(true)\nconst buttonLoading = ref(false)\n\nconst showDialog = ref(false)\nconst formConfig = computed(() => ({ ...config, ...props.extraConfig }))\nconst { width } = useWindowSize()\nconst value = ref(null)\nconst _formData = ref(props.formData || {})\n\nconst emit = defineEmits(['submit', 'fail', 'update:modelValue'])\nwatch(\n  () => props.formData,\n  () => {\n    _formData.value = props.formData\n  },\n  {\n    deep: true,\n  }\n)\nwatch(\n  () => value.value,\n  (val) => {\n    emit('update:modelValue', val || {})\n  }\n)\n// 弹窗宽度\nconst dialogWidth = computed(() => {\n  let defaultWidth = '800px'\n  const config = _formData.value?.config || {}\n  if (config?.width) {\n    return config?.width\n  }\n  if (props.dialog?.width) {\n    defaultWidth = props.dialog?.width\n  }\n  if (config?.defaultWidth) {\n    defaultWidth = config?.defaultWidth\n  }\n  let minWidth = 768\n  // 判断是否为百分比\n  if (!defaultWidth.endsWith('%')) {\n    minWidth = parseInt(defaultWidth)\n  }\n  return width.value < minWidth ? '100%' : defaultWidth\n})\n// 弹窗内样式\nconst dialogStyle = computed(() => {\n  if (_formData.value?.config?.style) {\n    return _formData.value?.config?.style\n  }\n  if (props.dialog?.style) {\n    return props.dialog?.style\n  }\n  return {}\n})\n// const draggable = computed(() => {\n//   let draggable = false\n//   if (props.dialog?.draggable) {\n//     draggable = props.dialog?.draggable\n//   }\n//   if (_formData.value?.config?.draggable !== undefined) {\n//     draggable = _formData.value?.config?.draggable\n//   }\n//   return draggable\n// })\n// 是否全屏\nconst isFullscreen = computed(() => {\n  let defaultFullscreen = false\n  const autoFullscreen = _formData.value?.config?.autoFullscreen !== false\n  if (props.dialog?.width) {\n    defaultFullscreen = props.dialog?.fullscreen\n  }\n  if (_formData.value?.config?.fullscreen) {\n    defaultFullscreen = _formData.value?.config?.fullscreen\n  }\n\n  if (width.value < 768 && autoFullscreen) {\n    defaultFullscreen = true\n  }\n\n  return defaultFullscreen\n})\n\nconst dialogProps = computed(() => {\n  return Object.assign(props.dialog, _formData.value?.config?.dialog)\n})\nconst setFormData = (formData: any) => {\n  value.value = null\n  _formData.value = formData\n}\n\nconst initFormData = (formUrl?: string | object) => {\n  if (!formUrl) {\n    formUrl = props.formUrl\n  }\n\n  if (props.formData) {\n    loading.value = false\n  } else if (formUrl) {\n    let data: {}\n    if (isObject(formUrl)) {\n      data = formUrl\n    } else {\n      data = {\n        url: formUrl,\n        method: 'post',\n      }\n    }\n    request(data)\n      .then((res) => {\n        _formData.value = res.data\n        loading.value = false\n      })\n      .catch((res) => {\n        loading.value = false\n      })\n  }\n}\n\nconst checkForm = () => {\n  fApi.value\n    .validate()\n    .then(() => {\n      fApi.value\n        .submit((data: any) => {\n          onSubmit(data)\n        })\n        .catch((fail: object) => {\n          ElMessage.warning(Object.values(fail)[0][0].message)\n        })\n    })\n    .catch((fail: object) => {\n      ElMessage.warning(Object.values(fail)[0][0].message)\n    })\n}\n\nconst onSubmit = (data: any) => {\n  if (props.isLoading) {\n    buttonLoading.value = true\n  }\n  if (props.isSubmit) {\n    request({\n      url: props.path + _formData.value.action,\n      method: _formData.value.method,\n      data: { formData: data },\n    })\n      .then((res) => {\n        ElMessage.success(res.msg)\n        emit('submit', data, res)\n        buttonLoading.value = false\n      })\n      .catch((res) => {\n        ElMessage.error(res.msg)\n        emit('fail', data, res)\n        buttonLoading.value = false\n      })\n  } else {\n    emit('submit', data)\n    buttonLoading.value = false\n  }\n  showDialog.value = false\n}\n\nconst show = () => {\n  showDialog.value = true\n}\nonMounted(() => {\n  initFormData()\n})\n// 导出\ndefineExpose({\n  showDialog,\n  buttonLoading,\n  fApi,\n  value,\n  show,\n  checkForm,\n  onSubmit,\n  initFormData,\n  setFormData,\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","value","isArray","config","reactive","_config","ref","computed","useWindowSize","watch","isObject","request","ElMessage","onMounted"],"mappings":"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"}
+{"version":3,"file":"form.vue2.js","sources":["../../../src/form/src/form.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkForm',\n});\n</script>\n<template>\n  <DkDialog\n    v-if=\"props.isDialog\"\n    v-model=\"showDialog\"\n    :title=\"_formData?.title ? _formData?.title : '表单'\"\n    :width=\"dialogWidth\"\n    :default-fullscreen=\"isFullscreen\"\n    min-height=\"200px\"\n    v-bind=\"dialogProps\"\n    append-to-body\n  >\n    <div :style=\"dialogStyle\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\">\n            提交</el-button\n          >\n        </slot>\n      </div>\n    </div>\n  </DkDialog>\n  <div v-else>\n    <div :style=\"{ minHeight }\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\">\n            提交</el-button\n          >\n        </slot>\n      </div>\n    </div>\n    <!--    <div v-else :style=\"{ minHeight }\"></div>-->\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isArray, isObject, request } from '@vipl520/utils'\nimport formCreate from '@form-create/element-ui'\nimport { formProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport _config from './config'\nimport { ElButton, ElMessage } from 'element-plus'\nimport { useWindowSize } from '@vueuse/core'\n\nconst [_, bem] = createNamespace('form')\n\nformCreate.register({\n  name: 'help',\n  init({ value }, rule) {\n    // 判断value是字符串还是数组,如果是字符串则转换为数组，如果是数组则不变\n    if (!isArray(value)) {\n      value = [value]\n    }\n    rule.suffix = {\n      type: 'p',\n      children: value,\n      class: 'form-help',\n    }\n  },\n})\n\n\nconst FormCreate = formCreate.$form()\n\nconst props = defineProps(formProps)\n\nconst config = reactive(_config)\nconst fApi = ref()\nconst loading = ref(true)\nconst buttonLoading = ref(false)\n\nconst showDialog = ref(false)\nconst formConfig = computed(() => ({ ...config, ...props.extraConfig }))\nconst { width } = useWindowSize()\nconst value = ref(null)\nconst _formData = ref(props.formData || {})\n\nconst emit = defineEmits(['submit', 'fail', 'update:modelValue'])\nwatch(\n  () => props.formData,\n  () => {\n    _formData.value = props.formData\n  },\n  {\n    deep: true,\n  }\n)\nwatch(\n  () => value.value,\n  (val) => {\n    emit('update:modelValue', val || {})\n  }\n)\n// 弹窗宽度\nconst dialogWidth = computed(() => {\n  let defaultWidth = '800px'\n  const config = _formData.value?.config || {}\n  if (config?.width) {\n    return config?.width\n  }\n  if (props.dialog?.width) {\n    defaultWidth = props.dialog?.width\n  }\n  if (config?.defaultWidth) {\n    defaultWidth = config?.defaultWidth\n  }\n  let minWidth = 768\n  // 判断是否为百分比\n  if (!defaultWidth.endsWith('%')) {\n    minWidth = parseInt(defaultWidth)\n  }\n  return width.value < minWidth ? '100%' : defaultWidth\n})\n// 弹窗内样式\nconst dialogStyle = computed(() => {\n  if (_formData.value?.config?.style) {\n    return _formData.value?.config?.style\n  }\n  if (props.dialog?.style) {\n    return props.dialog?.style\n  }\n  return {}\n})\n// const draggable = computed(() => {\n//   let draggable = false\n//   if (props.dialog?.draggable) {\n//     draggable = props.dialog?.draggable\n//   }\n//   if (_formData.value?.config?.draggable !== undefined) {\n//     draggable = _formData.value?.config?.draggable\n//   }\n//   return draggable\n// })\n// 是否全屏\nconst isFullscreen = computed(() => {\n  let defaultFullscreen = false\n  const autoFullscreen = _formData.value?.config?.autoFullscreen !== false\n  if (props.dialog?.width) {\n    defaultFullscreen = props.dialog?.fullscreen\n  }\n  if (_formData.value?.config?.fullscreen) {\n    defaultFullscreen = _formData.value?.config?.fullscreen\n  }\n\n  if (width.value < 768 && autoFullscreen) {\n    defaultFullscreen = true\n  }\n\n  return defaultFullscreen\n})\n\nconst dialogProps = computed(() => {\n  return Object.assign(props.dialog, _formData.value?.config?.dialog)\n})\nconst setFormData = (formData: any) => {\n  value.value = null\n  _formData.value = formData\n}\n\nconst initFormData = (formUrl?: string | object) => {\n  if (!formUrl) {\n    formUrl = props.formUrl\n  }\n\n  if (props.formData) {\n    loading.value = false\n  } else if (formUrl) {\n    let data: {}\n    if (isObject(formUrl)) {\n      data = formUrl\n    } else {\n      data = {\n        url: formUrl,\n        method: 'post',\n      }\n    }\n    request(data)\n      .then((res) => {\n        _formData.value = res.data\n        loading.value = false\n      })\n      .catch((res) => {\n        loading.value = false\n      })\n  }\n}\n\nconst checkForm = () => {\n  fApi.value\n    .validate()\n    .then(() => {\n      fApi.value\n        .submit((data: any) => {\n          onSubmit(data)\n        })\n        .catch((fail: object) => {\n          ElMessage.warning(Object.values(fail)[0][0].message)\n        })\n    })\n    .catch((fail: object) => {\n      ElMessage.warning(Object.values(fail)[0][0].message)\n    })\n}\n\nconst onSubmit = (data: any) => {\n  if (props.isLoading) {\n    buttonLoading.value = true\n  }\n  if (props.isSubmit) {\n    request({\n      url: props.path + _formData.value.action,\n      method: _formData.value.method,\n      data: { formData: data },\n    })\n      .then((res) => {\n        ElMessage.success(res.msg)\n        emit('submit', data, res)\n        buttonLoading.value = false\n      })\n      .catch((res) => {\n        ElMessage.error(res.msg)\n        emit('fail', data, res)\n        buttonLoading.value = false\n      })\n  } else {\n    emit('submit', data)\n    buttonLoading.value = false\n  }\n  showDialog.value = false\n}\n\nconst show = () => {\n  showDialog.value = true\n}\nonMounted(() => {\n  initFormData()\n})\n// 导出\ndefineExpose({\n  showDialog,\n  buttonLoading,\n  fApi,\n  value,\n  show,\n  checkForm,\n  onSubmit,\n  initFormData,\n  setFormData,\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","value","isArray","config","reactive","_config","ref","computed","useWindowSize","watch","isObject","request","ElMessage","onMounted"],"mappings":";;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAgED,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,MAAM,CAAA,CAAA;AAEvC,IAAA,UAAA,CAAW,QAAS,CAAA;AAAA,MAClB,IAAM,EAAA,MAAA;AAAA,MACN,IAAK,CAAA,EAAE,KAAAC,EAAAA,MAAAA,IAAS,IAAM,EAAA;AAEpB,QAAI,IAAA,CAACC,aAAQD,CAAAA,MAAK,CAAG,EAAA;AACnB,UAAAA,MAAAA,GAAQ,CAACA,MAAK,CAAA,CAAA;AAAA,SAChB;AACA,QAAA,IAAA,CAAK,MAAS,GAAA;AAAA,UACZ,IAAM,EAAA,GAAA;AAAA,UACN,QAAUA,EAAAA,MAAAA;AAAA,UACV,KAAO,EAAA,WAAA;AAAA,SACT,CAAA;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAGD,IAAM,MAAA,UAAA,GAAa,WAAW,KAAM,EAAA,CAAA;AAIpC,IAAM,MAAAE,QAAA,GAASC,aAASC,cAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,OAAOC,OAAI,EAAA,CAAA;AACjB,IAAM,MAAA,OAAA,GAAUA,QAAI,IAAI,CAAA,CAAA;AACxB,IAAM,MAAA,aAAA,GAAgBA,QAAI,KAAK,CAAA,CAAA;AAE/B,IAAM,MAAA,UAAA,GAAaA,QAAI,KAAK,CAAA,CAAA;AAC5B,IAAM,MAAA,UAAA,GAAaC,aAAS,OAAO,EAAE,GAAGJ,QAAQ,EAAA,GAAG,KAAM,CAAA,WAAA,EAAc,CAAA,CAAA,CAAA;AACvE,IAAM,MAAA,EAAE,KAAM,EAAA,GAAIK,kBAAc,EAAA,CAAA;AAChC,IAAM,MAAA,KAAA,GAAQF,QAAI,IAAI,CAAA,CAAA;AACtB,IAAA,MAAM,SAAY,GAAAA,OAAA,CAAI,KAAM,CAAA,QAAA,IAAY,EAAE,CAAA,CAAA;AAG1C,IAAAG,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,QAAA;AAAA,MACZ,MAAM;AACJ,QAAA,SAAA,CAAU,QAAQ,KAAM,CAAA,QAAA,CAAA;AAAA,OAC1B;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AACA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAK,IAAA,CAAA,mBAAA,EAAqB,GAAO,IAAA,EAAE,CAAA,CAAA;AAAA,OACrC;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAcF,aAAS,MAAM;AACjC,MAAA,IAAI,YAAe,GAAA,OAAA,CAAA;AACnB,MAAA,MAAMJ,OAAS,GAAA,SAAA,CAAU,KAAO,EAAA,MAAA,IAAU,EAAC,CAAA;AAC3C,MAAA,IAAIA,SAAQ,KAAO,EAAA;AACjB,QAAA,OAAOA,OAAQ,EAAA,KAAA,CAAA;AAAA,OACjB;AACA,MAAI,IAAA,KAAA,CAAM,QAAQ,KAAO,EAAA;AACvB,QAAA,YAAA,GAAe,MAAM,MAAQ,EAAA,KAAA,CAAA;AAAA,OAC/B;AACA,MAAA,IAAIA,SAAQ,YAAc,EAAA;AACxB,QAAA,YAAA,GAAeA,OAAQ,EAAA,YAAA,CAAA;AAAA,OACzB;AACA,MAAA,IAAI,QAAW,GAAA,GAAA,CAAA;AAEf,MAAA,IAAI,CAAC,YAAA,CAAa,QAAS,CAAA,GAAG,CAAG,EAAA;AAC/B,QAAA,QAAA,GAAW,SAAS,YAAY,CAAA,CAAA;AAAA,OAClC;AACA,MAAO,OAAA,KAAA,CAAM,KAAQ,GAAA,QAAA,GAAW,MAAS,GAAA,YAAA,CAAA;AAAA,KAC1C,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAcI,aAAS,MAAM;AACjC,MAAI,IAAA,SAAA,CAAU,KAAO,EAAA,MAAA,EAAQ,KAAO,EAAA;AAClC,QAAO,OAAA,SAAA,CAAU,OAAO,MAAQ,EAAA,KAAA,CAAA;AAAA,OAClC;AACA,MAAI,IAAA,KAAA,CAAM,QAAQ,KAAO,EAAA;AACvB,QAAA,OAAO,MAAM,MAAQ,EAAA,KAAA,CAAA;AAAA,OACvB;AACA,MAAA,OAAO,EAAC,CAAA;AAAA,KACT,CAAA,CAAA;AAYD,IAAM,MAAA,YAAA,GAAeA,aAAS,MAAM;AAClC,MAAA,IAAI,iBAAoB,GAAA,KAAA,CAAA;AACxB,MAAA,MAAM,cAAiB,GAAA,SAAA,CAAU,KAAO,EAAA,MAAA,EAAQ,cAAmB,KAAA,KAAA,CAAA;AACnE,MAAI,IAAA,KAAA,CAAM,QAAQ,KAAO,EAAA;AACvB,QAAA,iBAAA,GAAoB,MAAM,MAAQ,EAAA,UAAA,CAAA;AAAA,OACpC;AACA,MAAI,IAAA,SAAA,CAAU,KAAO,EAAA,MAAA,EAAQ,UAAY,EAAA;AACvC,QAAoB,iBAAA,GAAA,SAAA,CAAU,OAAO,MAAQ,EAAA,UAAA,CAAA;AAAA,OAC/C;AAEA,MAAI,IAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,IAAO,cAAgB,EAAA;AACvC,QAAoB,iBAAA,GAAA,IAAA,CAAA;AAAA,OACtB;AAEA,MAAO,OAAA,iBAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAcA,aAAS,MAAM;AACjC,MAAA,OAAO,OAAO,MAAO,CAAA,KAAA,CAAM,QAAQ,SAAU,CAAA,KAAA,EAAO,QAAQ,MAAM,CAAA,CAAA;AAAA,KACnE,CAAA,CAAA;AACD,IAAM,MAAA,WAAA,GAAc,CAAC,QAAkB,KAAA;AACrC,MAAA,KAAA,CAAM,KAAQ,GAAA,IAAA,CAAA;AACd,MAAA,SAAA,CAAU,KAAQ,GAAA,QAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,OAA8B,KAAA;AAClD,MAAA,IAAI,CAAC,OAAS,EAAA;AACZ,QAAA,OAAA,GAAU,KAAM,CAAA,OAAA,CAAA;AAAA,OAClB;AAEA,MAAA,IAAI,MAAM,QAAU,EAAA;AAClB,QAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,iBACP,OAAS,EAAA;AAClB,QAAI,IAAA,IAAA,CAAA;AACJ,QAAI,IAAAG,cAAA,CAAS,OAAO,CAAG,EAAA;AACrB,UAAO,IAAA,GAAA,OAAA,CAAA;AAAA,SACF,MAAA;AACL,UAAO,IAAA,GAAA;AAAA,YACL,GAAK,EAAA,OAAA;AAAA,YACL,MAAQ,EAAA,MAAA;AAAA,WACV,CAAA;AAAA,SACF;AACA,QAAAC,aAAA,CAAQ,IAAI,CAAA,CACT,IAAK,CAAA,CAAC,GAAQ,KAAA;AACb,UAAA,SAAA,CAAU,QAAQ,GAAI,CAAA,IAAA,CAAA;AACtB,UAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,SACjB,CAAA,CACA,KAAM,CAAA,CAAC,GAAQ,KAAA;AACd,UAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,SACjB,CAAA,CAAA;AAAA,OACL;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAA,CAAK,KACF,CAAA,QAAA,EACA,CAAA,IAAA,CAAK,MAAM;AACV,QAAK,IAAA,CAAA,KAAA,CACF,MAAO,CAAA,CAAC,IAAc,KAAA;AACrB,UAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,SACd,CAAA,CACA,KAAM,CAAA,CAAC,IAAiB,KAAA;AACvB,UAAUC,qBAAA,CAAA,OAAA,CAAQ,OAAO,MAAO,CAAA,IAAI,EAAE,CAAC,CAAA,CAAE,CAAC,CAAA,CAAE,OAAO,CAAA,CAAA;AAAA,SACpD,CAAA,CAAA;AAAA,OACJ,CAAA,CACA,KAAM,CAAA,CAAC,IAAiB,KAAA;AACvB,QAAUA,qBAAA,CAAA,OAAA,CAAQ,OAAO,MAAO,CAAA,IAAI,EAAE,CAAC,CAAA,CAAE,CAAC,CAAA,CAAE,OAAO,CAAA,CAAA;AAAA,OACpD,CAAA,CAAA;AAAA,KACL,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,CAAC,IAAc,KAAA;AAC9B,MAAA,IAAI,MAAM,SAAW,EAAA;AACnB,QAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAAA,OACxB;AACA,MAAA,IAAI,MAAM,QAAU,EAAA;AAClB,QAAQD,aAAA,CAAA;AAAA,UACN,GAAK,EAAA,KAAA,CAAM,IAAO,GAAA,SAAA,CAAU,KAAM,CAAA,MAAA;AAAA,UAClC,MAAA,EAAQ,UAAU,KAAM,CAAA,MAAA;AAAA,UACxB,IAAA,EAAM,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,SACxB,CAAA,CACE,IAAK,CAAA,CAAC,GAAQ,KAAA;AACb,UAAUC,qBAAA,CAAA,OAAA,CAAQ,IAAI,GAAG,CAAA,CAAA;AACzB,UAAK,IAAA,CAAA,QAAA,EAAU,MAAM,GAAG,CAAA,CAAA;AACxB,UAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,SACvB,CAAA,CACA,KAAM,CAAA,CAAC,GAAQ,KAAA;AACd,UAAUA,qBAAA,CAAA,KAAA,CAAM,IAAI,GAAG,CAAA,CAAA;AACvB,UAAK,IAAA,CAAA,MAAA,EAAQ,MAAM,GAAG,CAAA,CAAA;AACtB,UAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,SACvB,CAAA,CAAA;AAAA,OACE,MAAA;AACL,QAAA,IAAA,CAAK,UAAU,IAAI,CAAA,CAAA;AACnB,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACxB;AACA,MAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAa,YAAA,EAAA,CAAA;AAAA,KACd,CAAA,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX,UAAA;AAAA,MACA,aAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/group/src/group.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var group_vue_vue_type_script_setup_true_lang = require('./group.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _Group = /* @__PURE__ */ _pluginVue_exportHelper.default(group_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\group\\src\\group.vue"]]);
+var _Group = /* @__PURE__ */ _pluginVue_exportHelper.default(group_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\\group\\src\\group.vue"]]);
 
 exports.default = _Group;
 //# sourceMappingURL=group.vue.js.map

package/lib/group/src/group.vue2.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var utils = require('../utils/utils.js');
 var extend = require('../utils/extend.js');
-var draggable = require('vuedraggable');
 var props = require('./props.js');
 
 const _hoisted_1 = { key: 1 };
@@ -248,6 +247,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const _component_dk_icon = vue.resolveComponent("dk-icon");
       const _component_el_button_group = vue.resolveComponent("el-button-group");
       const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      const _component_draggable = vue.resolveComponent("draggable");
       return vue.openBlock(), vue.createElementBlock(
         "div",
         {
@@ -278,7 +278,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               /* STABLE */
             }))
           ])) : vue.createCommentVNode("v-if", true),
-          vue.createVNode(vue.unref(draggable), {
+          vue.createVNode(_component_draggable, {
             tag: "el-collapse",
             list: props.modelValue,
             "component-data": collapseComponentData,

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

@@ -1 +1 @@
-{"version":3,"file":"group.vue2.js","sources":["../../../src/group/src/group.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkGroup',\n});\n</script>\n<template>\n  <div :class=\"'dk-group _fc-group ' + (disabled ? '_fc-group-disabled' : '')\">\n    <el-divider v-if=\"props.title\">{{ props.title }}</el-divider>\n    <div v-if=\"data.sort.length === 0\">\n      <el-button :key=\"'a_def'\" style=\"width: 100%\" @click=\"add\">\n        添加数据\n      </el-button>\n    </div>\n    <draggable\n      tag=\"el-collapse\"\n      :list=\"props.modelValue\"\n      :component-data=\"collapseComponentData\"\n      item-key=\"id\"\n      handle=\".collapse-title-rank\"\n    >\n      <template #item=\"{ element, index }\">\n        <el-collapse-item :title=\"element.title\" :name=\"index\">\n          <template #title>\n            <div class=\"collapse-title\">\n              <dk-icon icon=\"Rank\" class=\"collapse-title-rank\"></dk-icon>\n              <span>{{ getTitle(index) }}</span>\n            </div>\n          </template>\n          <template #default>\n            <div :key=\"index\" class=\"_dk-group-container\">\n              <Type\n                :key=\"index\"\n                :in-for=\"true\"\n                :model-value=\"getFieldValue(index)\"\n                :rule=\"data.cacheRule[index].rule\"\n                :option=\"data.cacheRule[index].options\"\n                :extend-option=\"true\"\n                @update:modelValue=\"formData(index, $event)\"\n                @emit-event=\"\n                  (name: any, ...args: any) => emitEvent(name, args, index)\n                \"\n                @update:api=\"($f: any) => add$f(index, $f)\"\n              />\n              <div class=\"_dk-group-handle\">\n                <el-button-group>\n                  <el-button icon=\"Plus\" plain @click=\"add\" />\n                  <el-button\n                    icon=\"Delete\"\n                    plain\n                    @click=\"del(index, index + 1)\"\n                  />\n                </el-button-group>\n              </div>\n            </div>\n          </template>\n        </el-collapse-item>\n      </template>\n    </draggable>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { markRaw, nextTick, reactive, watch, onMounted, ref } from 'vue'\nimport { deepCopy, deepExtend, hasProperty } from '../utils/utils'\nimport extend from '../utils/extend'\nimport draggable from 'vuedraggable'\nimport { groupProps } from './props'\n\n\n\nconst props = defineProps(groupProps)\nconst emit = defineEmits([\n  'update:modelValue',\n  'change',\n  'itemMounted',\n  'remove',\n  'add',\n])\nconst data: any = reactive({\n  len: 0,\n  cacheRule: {},\n  cacheValue: {},\n  sort: [],\n  form: markRaw(props.formCreateInject.form.$form()),\n  loading: true,\n})\n\nconst collapseComponentData = reactive({\n  modelValue: [0],\n})\n\nconst Type = data.form\n\nwatch(\n  () => props.rule, // 侦听 rule 属性\n  (n, o) => {\n    // 您原来的 handler 逻辑\n    Object.keys(data.cacheRule).forEach((v) => {\n      const item = data.cacheRule[v]\n      if (item.$f) {\n        const val = item.$f.formData()\n        if (n === o) {\n          item.$f.deferSyncValue(() => {\n            deepExtend(item.rule, n, false)\n            item.$f.setValue(val)\n          }, true)\n        } else {\n          const val = item.$f.formData()\n          item.$f.once('reloading', () => {\n            item.$f.setValue(val)\n          })\n          item.rule = deepCopy(n)\n        }\n      }\n    })\n  },\n  { deep: true } // 深度侦听\n)\n\nwatch(\n  () => props.disabled, // 侦听 disabled 属性\n  (n) => {\n    // 您原来的 disabled 逻辑\n    if (props.syncDisabled) {\n      const lst = data.cacheRule\n      Object.keys(lst).forEach((k) => {\n        lst[k].$f.disabled(n)\n      })\n    }\n  }\n)\n\nwatch(\n  () => props.expand, // 侦听 expand 属性\n  (n) => {\n    // 您原来的 expand 逻辑\n    const d = n - props.modelValue.length\n    if (d > 0) {\n      expandRule(d)\n    }\n  }\n)\n\nwatch(\n  () => props.modelValue, // 侦听 modelValue 属性\n  (n) => {\n    // 您原来的 modelValue 逻辑\n    n = n || []\n    const keys = Object.keys(data.cacheRule)\n    const total = keys.length // 缓存数\n    const len = total - n.length // 缓存数-value数\n    if (len < 0) {\n      for (let i = len; i < 0; i++) {\n        addRule(n.length - 1, true)\n      }\n      for (let i = 0; i < total; i++) {\n        setValue(keys[i], n[i])\n      }\n    } else {\n      if (len > 0) {\n        for (let i = 0; i < len; i++) {\n          console.log('keys[total - i - 1]', keys[total - i - 1])\n          removeRule(keys[total - i - 1])\n        }\n      }\n      n.forEach((val, i) => {\n        setValue(keys[i], n[i])\n      })\n    }\n  },\n  { deep: true } // 深度侦听\n)\n\nwatch(\n  () => ({ ...data.cacheRule }),\n  (n) => {\n    data.sort = Object.keys(n)\n  },\n  { immediate: true }\n)\n\nconst getFieldValue = (index: number) => {\n  if (props.field) {\n    return { [props.field]: _value(props.modelValue[index]) }\n  } else {\n    return props.modelValue[index]\n  }\n}\n\nconst getTitle = (index: number) => {\n  if (data.cacheRule[index]) {\n    const { rule } = data.cacheRule[index]\n    const defaultField = props.titleField ? props.titleField : rule[0]?.field\n    return data.cacheRule[index].$f?.getValue(defaultField) || '点击展开'\n  } else {\n    return '点击展开'\n  }\n}\nconst _value = (v: any) => {\n  return v && hasProperty(v, props.field) ? v[props.field] : v\n}\nconst cache = (k: any, val: any) => {\n  data.cacheValue[k] = JSON.stringify(val)\n}\nconst input = (value: any) => {\n  emit('update:modelValue', value)\n  emit('change', value)\n}\nconst formData = (index: any, formData: any) => {\n  nextTick(() => {\n    const keys = Object.keys(data.cacheRule)\n    const value = keys.map((k: any) => {\n      const _data = index === k ? formData : { ...data.cacheRule[k].$f.form }\n      const value = props.field ? _data[props.field] || null : _data\n      cache(k, value)\n      return value\n    })\n    input(value)\n  })\n}\n\nconst add$f = (index: any, $f: any) => {\n  data.cacheRule[index].$f = $f\n  nextTick(() => {\n    if (props.syncDisabled) {\n      $f.disabled(props.disabled)\n    }\n    emit('itemMounted', $f, Object.keys(data.cacheRule).indexOf(index))\n  })\n}\n\nonMounted(() => {\n  data.loading = false\n})\n\nconst setValue = (key: any, value: any) => {\n  const field = props.field\n  if (field) {\n    value = { [field]: _value(value) }\n  }\n  if (data.cacheValue[key] === JSON.stringify(field ? value[field] : value)) {\n    return\n  }\n  cache(key, value)\n}\nconst addRule = (index: any, isEmit = false) => {\n  const rule = props.formCreateInject.form.copyRules(props.rule || [])\n  const options: any = props.options\n    ? { ...props.options }\n    : {\n        submitBtn: false,\n        resetBtn: false,\n      }\n  if (props.defaultValue) {\n    if (!options.formData) options.formData = {}\n    const defVal = deepCopy(props.defaultValue)\n    extend(options.formData, props.field ? { [props.field]: defVal } : defVal)\n  }\n  props.parse && props.parse({ rule, options, index: data.sort.length })\n  data.cacheRule[index] = { rule, options }\n  if (isEmit) {\n    nextTick(() => emit('add', rule, Object.keys(data.cacheRule).length - 1))\n  }\n}\n\nconst removeRule = (index: any, isEmit = false) => {\n  delete data.cacheRule[index]\n  delete data.cacheValue[index]\n  if (isEmit) {\n    nextTick(() => emit('remove', index))\n  }\n}\nconst add = () => {\n  if (props.disabled || props.onBeforeAdd(props.modelValue) === false) {\n    return\n  }\n  const value = [...props.modelValue]\n  value.push(\n    props.defaultValue ? deepCopy(props.defaultValue) : props.field ? null : {}\n  )\n  input(value)\n  collapseComponentData.modelValue = [value.length - 1]\n}\nconst del = (index: number, key: number) => {\n  if (\n    props.disabled ||\n    props.onBeforeRemove(props.modelValue, index) === false\n  ) {\n    return\n  }\n  const value = [...props.modelValue]\n  value.splice(index, 1)\n  input(value)\n}\n\nconst emitEvent = (name: any, args: any, index: any) => {\n  emit(name, ...args, data.cacheRule[index].$f, index)\n}\n\nconst expandRule = (n: any) => {\n  for (let i = 0; i < n; i++) {\n    // eslint-disable-next-line vue/no-mutating-props\n    props.modelValue.push(props.field ? null : {})\n  }\n}\n\nconst d = (props.expand || 0) - props.modelValue.length\nfor (let i = 0; i < props.modelValue.length; i++) {\n  addRule(i)\n}\nif (d > 0) {\n  expandRule(d)\n}\n</script>\n"],"names":["__MACROS_defineComponent","reactive","markRaw","watch","deepExtend","val","deepCopy","d","hasProperty","formData","nextTick","value","onMounted","extend"],"mappings":"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"}
+{"version":3,"file":"group.vue2.js","sources":["../../../src/group/src/group.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkGroup',\n});\n</script>\n<template>\n  <div :class=\"'dk-group _fc-group ' + (disabled ? '_fc-group-disabled' : '')\">\n    <el-divider v-if=\"props.title\">{{ props.title }}</el-divider>\n    <div v-if=\"data.sort.length === 0\">\n      <el-button :key=\"'a_def'\" style=\"width: 100%\" @click=\"add\">\n        添加数据\n      </el-button>\n    </div>\n    <draggable\n      tag=\"el-collapse\"\n      :list=\"props.modelValue\"\n      :component-data=\"collapseComponentData\"\n      item-key=\"id\"\n      handle=\".collapse-title-rank\"\n    >\n      <template #item=\"{ element, index }\">\n        <el-collapse-item :title=\"element.title\" :name=\"index\">\n          <template #title>\n            <div class=\"collapse-title\">\n              <dk-icon icon=\"Rank\" class=\"collapse-title-rank\"></dk-icon>\n              <span>{{ getTitle(index) }}</span>\n            </div>\n          </template>\n          <template #default>\n            <div :key=\"index\" class=\"_dk-group-container\">\n              <Type\n                :key=\"index\"\n                :in-for=\"true\"\n                :model-value=\"getFieldValue(index)\"\n                :rule=\"data.cacheRule[index].rule\"\n                :option=\"data.cacheRule[index].options\"\n                :extend-option=\"true\"\n                @update:modelValue=\"formData(index, $event)\"\n                @emit-event=\"\n                  (name: any, ...args: any) => emitEvent(name, args, index)\n                \"\n                @update:api=\"($f: any) => add$f(index, $f)\"\n              />\n              <div class=\"_dk-group-handle\">\n                <el-button-group>\n                  <el-button icon=\"Plus\" plain @click=\"add\" />\n                  <el-button\n                    icon=\"Delete\"\n                    plain\n                    @click=\"del(index, index + 1)\"\n                  />\n                </el-button-group>\n              </div>\n            </div>\n          </template>\n        </el-collapse-item>\n      </template>\n    </draggable>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { markRaw, nextTick, reactive, watch, onMounted } from 'vue'\nimport { deepCopy, deepExtend, hasProperty } from '../utils/utils'\nimport extend from '../utils/extend'\n// import draggable from 'vuedraggable'\nimport { groupProps } from './props'\n\n\n\nconst props = defineProps(groupProps)\nconst emit = defineEmits([\n  'update:modelValue',\n  'change',\n  'itemMounted',\n  'remove',\n  'add',\n])\nconst data: any = reactive({\n  len: 0,\n  cacheRule: {},\n  cacheValue: {},\n  sort: [],\n  form: markRaw(props.formCreateInject.form.$form()),\n  loading: true,\n})\n\nconst collapseComponentData = reactive({\n  modelValue: [0],\n})\n\nconst Type = data.form\n\nwatch(\n  () => props.rule, // 侦听 rule 属性\n  (n, o) => {\n    // 您原来的 handler 逻辑\n    Object.keys(data.cacheRule).forEach((v) => {\n      const item = data.cacheRule[v]\n      if (item.$f) {\n        const val = item.$f.formData()\n        if (n === o) {\n          item.$f.deferSyncValue(() => {\n            deepExtend(item.rule, n, false)\n            item.$f.setValue(val)\n          }, true)\n        } else {\n          const val = item.$f.formData()\n          item.$f.once('reloading', () => {\n            item.$f.setValue(val)\n          })\n          item.rule = deepCopy(n)\n        }\n      }\n    })\n  },\n  { deep: true } // 深度侦听\n)\n\nwatch(\n  () => props.disabled, // 侦听 disabled 属性\n  (n) => {\n    // 您原来的 disabled 逻辑\n    if (props.syncDisabled) {\n      const lst = data.cacheRule\n      Object.keys(lst).forEach((k) => {\n        lst[k].$f.disabled(n)\n      })\n    }\n  }\n)\n\nwatch(\n  () => props.expand, // 侦听 expand 属性\n  (n) => {\n    // 您原来的 expand 逻辑\n    const d = n - props.modelValue.length\n    if (d > 0) {\n      expandRule(d)\n    }\n  }\n)\n\nwatch(\n  () => props.modelValue, // 侦听 modelValue 属性\n  (n) => {\n    // 您原来的 modelValue 逻辑\n    n = n || []\n    const keys = Object.keys(data.cacheRule)\n    const total = keys.length // 缓存数\n    const len = total - n.length // 缓存数-value数\n    if (len < 0) {\n      for (let i = len; i < 0; i++) {\n        addRule(n.length - 1, true)\n      }\n      for (let i = 0; i < total; i++) {\n        setValue(keys[i], n[i])\n      }\n    } else {\n      if (len > 0) {\n        for (let i = 0; i < len; i++) {\n          console.log('keys[total - i - 1]', keys[total - i - 1])\n          removeRule(keys[total - i - 1])\n        }\n      }\n      n.forEach((val, i) => {\n        setValue(keys[i], n[i])\n      })\n    }\n  },\n  { deep: true } // 深度侦听\n)\n\nwatch(\n  () => ({ ...data.cacheRule }),\n  (n) => {\n    data.sort = Object.keys(n)\n  },\n  { immediate: true }\n)\n\nconst getFieldValue = (index: number) => {\n  if (props.field) {\n    return { [props.field]: _value(props.modelValue[index]) }\n  } else {\n    return props.modelValue[index]\n  }\n}\n\nconst getTitle = (index: number) => {\n  if (data.cacheRule[index]) {\n    const { rule } = data.cacheRule[index]\n    const defaultField = props.titleField ? props.titleField : rule[0]?.field\n    return data.cacheRule[index].$f?.getValue(defaultField) || '点击展开'\n  } else {\n    return '点击展开'\n  }\n}\nconst _value = (v: any) => {\n  return v && hasProperty(v, props.field) ? v[props.field] : v\n}\nconst cache = (k: any, val: any) => {\n  data.cacheValue[k] = JSON.stringify(val)\n}\nconst input = (value: any) => {\n  emit('update:modelValue', value)\n  emit('change', value)\n}\nconst formData = (index: any, formData: any) => {\n  nextTick(() => {\n    const keys = Object.keys(data.cacheRule)\n    const value = keys.map((k: any) => {\n      const _data = index === k ? formData : { ...data.cacheRule[k].$f.form }\n      const value = props.field ? _data[props.field] || null : _data\n      cache(k, value)\n      return value\n    })\n    input(value)\n  })\n}\n\nconst add$f = (index: any, $f: any) => {\n  data.cacheRule[index].$f = $f\n  nextTick(() => {\n    if (props.syncDisabled) {\n      $f.disabled(props.disabled)\n    }\n    emit('itemMounted', $f, Object.keys(data.cacheRule).indexOf(index))\n  })\n}\n\nonMounted(() => {\n  data.loading = false\n})\n\nconst setValue = (key: any, value: any) => {\n  const field = props.field\n  if (field) {\n    value = { [field]: _value(value) }\n  }\n  if (data.cacheValue[key] === JSON.stringify(field ? value[field] : value)) {\n    return\n  }\n  cache(key, value)\n}\nconst addRule = (index: any, isEmit = false) => {\n  const rule = props.formCreateInject.form.copyRules(props.rule || [])\n  const options: any = props.options\n    ? { ...props.options }\n    : {\n        submitBtn: false,\n        resetBtn: false,\n      }\n  if (props.defaultValue) {\n    if (!options.formData) options.formData = {}\n    const defVal = deepCopy(props.defaultValue)\n    extend(options.formData, props.field ? { [props.field]: defVal } : defVal)\n  }\n  props.parse && props.parse({ rule, options, index: data.sort.length })\n  data.cacheRule[index] = { rule, options }\n  if (isEmit) {\n    nextTick(() => emit('add', rule, Object.keys(data.cacheRule).length - 1))\n  }\n}\n\nconst removeRule = (index: any, isEmit = false) => {\n  delete data.cacheRule[index]\n  delete data.cacheValue[index]\n  if (isEmit) {\n    nextTick(() => emit('remove', index))\n  }\n}\nconst add = () => {\n  if (props.disabled || props.onBeforeAdd(props.modelValue) === false) {\n    return\n  }\n  const value = [...props.modelValue]\n  value.push(\n    props.defaultValue ? deepCopy(props.defaultValue) : props.field ? null : {}\n  )\n  input(value)\n  collapseComponentData.modelValue = [value.length - 1]\n}\nconst del = (index: number, key: number) => {\n  if (\n    props.disabled ||\n    props.onBeforeRemove(props.modelValue, index) === false\n  ) {\n    return\n  }\n  const value = [...props.modelValue]\n  value.splice(index, 1)\n  input(value)\n}\n\nconst emitEvent = (name: any, args: any, index: any) => {\n  emit(name, ...args, data.cacheRule[index].$f, index)\n}\n\nconst expandRule = (n: any) => {\n  for (let i = 0; i < n; i++) {\n    // eslint-disable-next-line vue/no-mutating-props\n    props.modelValue.push(props.field ? null : {})\n  }\n}\n\nconst d = (props.expand || 0) - props.modelValue.length\nfor (let i = 0; i < props.modelValue.length; i++) {\n  addRule(i)\n}\nif (d > 0) {\n  expandRule(d)\n}\n</script>\n"],"names":["__MACROS_defineComponent","reactive","markRaw","watch","deepExtend","val","deepCopy","d","hasProperty","formData","nextTick","value","onMounted","extend"],"mappings":"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"}

package/lib/hot-area-input/src/component/hot-area-content.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var hotAreaContent_vue_vue_type_script_setup_true_lang = require('./hot-area-content.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var HotAreaContent = /* @__PURE__ */ _pluginVue_exportHelper.default(hotAreaContent_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\hot-area-input\\src\\component\\hot-area-content.vue"]]);
+var HotAreaContent = /* @__PURE__ */ _pluginVue_exportHelper.default(hotAreaContent_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\\hot-area-input\\src\\component\\hot-area-content.vue"]]);
 
 exports.default = HotAreaContent;
 //# sourceMappingURL=hot-area-content.vue.js.map

package/lib/hot-area-input/src/component/hot-area-content.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"hot-area-content.vue2.js","sources":["../../../../src/hot-area-input/src/component/hot-area-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'HotAreaContent',\n});\n</script>\n<template>\n  <div class=\"hot-area-content\">\n    <div class=\"hot-area-draggable\">\n      <div\n        v-if=\"hotData.background\"\n        :style=\"{\n          width: hotData.width + 'px',\n          height: hotData.height + 'px',\n          backgroundImage: 'url(' + hotData.background + ')',\n        }\"\n        style=\"background-size: 100% 100%\"\n        @contextmenu.prevent\n      >\n        <vue3-draggable-resizable\n          v-for=\"(item, key) in hotData.views\"\n          :key=\"key\"\n          ref=\"draggables\"\n          v-model:h=\"item.css.height\"\n          v-model:x=\"item.css.left\"\n          v-model:y=\"item.css.top\"\n          v-model:w=\"item.css.width\"\n          :init-w=\"item.css.width\"\n          :init-h=\"item.css.height\"\n          :parent=\"true\"\n          style=\"cursor: move\"\n          :min-width=\"20\"\n          :min-height=\"20\"\n          @resizing=\"onResize\"\n          @dragging=\"onDrag\"\n          @mousedown=\"index = key\"\n        >\n          <div class=\"hot-item-content\" style=\"position: relative; width: 100%; height: 100%; background: #0003\">\n            {{ key + 1 }}\n          </div>\n        </vue3-draggable-resizable>\n      </div>\n      <div v-else style=\"width: 500px; height: 500px\">\n        <el-empty description=\"请上传图片\"></el-empty>\n      </div>\n    </div>\n    <div class=\"hot-area-form\">\n      <h3 style=\"margin-top: 0; font-size: 16px; font-weight: 500\">热区管理</h3>\n      <el-form label-width=\"80px\" label-position=\"left\">\n        <el-form-item label=\"背景图 \">\n          <dk-image-input v-model=\"hotData.background\" />\n        </el-form-item>\n        <el-form-item v-for=\"(item, key) in hotData.views\" :key=\"key\" :label=\"'热区' + (key + 1)\">\n          <el-input v-model=\"hotData.views[key].url\" placeholder=\"填写跳转地址\">\n            <template #append>\n              <el-button @click=\"delView(key)\">删除</el-button>\n            </template>\n          </el-input>\n        </el-form-item>\n      </el-form>\n      <el-button :disabled=\"!hotData.background\" type=\"primary\" @click=\"addView()\">{{\n        hotData.background ? '添加热区' : '请先上传图片'\n      }}</el-button>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\n// import Vue3DraggableResizable, { DraggableContainer } from 'vue3-draggable-resizable'\nimport { reactive, ref, watch, onMounted } from 'vue'\n\n\nconst props = defineProps({\n  hotDataValue: {\n    default: () => {\n      return {\n        views: [],\n        width: 400,\n        height: 400,\n        background: null,\n      }\n    },\n    type: Object,\n  },\n})\nconst index = ref(0)\nconst hotData = reactive(props.hotDataValue)\nconst addView = () => {\n  // 这里hotData可以能没有views,如果没有就添加上views\n  if (!Array.isArray(hotData.views)) {\n    hotData.views = []\n  }\n  hotData.views.push({\n    css: {\n      left: 0,\n      top: 0,\n      width: 80,\n      height: 80,\n      borderRadius: 0,\n      borderColor: '#fff',\n    },\n    url: '',\n  })\n}\n\nconst delView = (indexToDelete: any) => {\n  if (indexToDelete >= 0 && indexToDelete < hotData.views.length) {\n    hotData.views.splice(indexToDelete, 1)\n  }\n}\n\nconst onDrag = (p: any) => {\n  const css = hotData.views[index.value].css\n  css.left = p.x\n  css.top = p.y\n}\nconst onResize = (p: any) => {\n  const css = hotData.views[index.value].css\n  css.left = p.x\n  css.top = p.y\n  css.width = p.w\n  css.height = p.h\n}\n\nonMounted(() => {\n  resetSize()\n})\n\nwatch(\n  () => hotData?.background,\n  () => {\n    resetSize()\n  }\n)\n\nconst resetSize = () => {\n  if (hotData.background) {\n    getImageSize(hotData.background)\n      .then((image: any) => {\n        hotData.width = 500\n        hotData.height = (image.height * 500) / image.width\n        setTimeout(() => {\n          // checkParentSize()\n        }, 200)\n      })\n      .catch(() => {})\n  }\n}\n\nconst getImageSize = (url: any) => {\n  return new Promise(function (resolve, reject) {\n    const image = new Image()\n    image.onload = function () {\n      resolve({\n        width: image.width,\n        height: image.height,\n      })\n    }\n    image.onerror = function () {\n      reject(new Error('error'))\n    }\n    image.src = url\n  })\n}\n</script>\n"],"names":["__MACROS_defineComponent","ref","reactive","onMounted","watch"],"mappings":"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"}
+{"version":3,"file":"hot-area-content.vue2.js","sources":["../../../../src/hot-area-input/src/component/hot-area-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'HotAreaContent',\n});\n</script>\n<template>\n  <div class=\"hot-area-content\">\n    <div class=\"hot-area-draggable\">\n      <div\n        v-if=\"hotData.background\"\n        :style=\"{\n          width: hotData.width + 'px',\n          height: hotData.height + 'px',\n          backgroundImage: 'url(' + hotData.background + ')',\n        }\"\n        style=\"background-size: 100% 100%\"\n        @contextmenu.prevent\n      >\n        <vue3-draggable-resizable\n          v-for=\"(item, key) in hotData.views\"\n          :key=\"key\"\n          ref=\"draggables\"\n          v-model:h=\"item.css.height\"\n          v-model:x=\"item.css.left\"\n          v-model:y=\"item.css.top\"\n          v-model:w=\"item.css.width\"\n          :init-w=\"item.css.width\"\n          :init-h=\"item.css.height\"\n          :parent=\"true\"\n          style=\"cursor: move\"\n          :min-width=\"20\"\n          :min-height=\"20\"\n          @resizing=\"onResize\"\n          @dragging=\"onDrag\"\n          @mousedown=\"index = key\"\n        >\n          <div\n            class=\"hot-item-content\"\n            style=\"\n              position: relative;\n              width: 100%;\n              height: 100%;\n              background: #0003;\n            \"\n          >\n            {{ key + 1 }}\n          </div>\n        </vue3-draggable-resizable>\n      </div>\n      <div v-else style=\"width: 500px; height: 500px\">\n        <el-empty description=\"请上传图片\"></el-empty>\n      </div>\n    </div>\n    <div class=\"hot-area-form\">\n      <h3 style=\"margin-top: 0; font-size: 16px; font-weight: 500\">热区管理</h3>\n      <el-form label-width=\"80px\" label-position=\"left\">\n        <el-form-item label=\"背景图 \">\n          <dk-image-input v-model=\"hotData.background\" />\n        </el-form-item>\n        <el-form-item\n          v-for=\"(item, key) in hotData.views\"\n          :key=\"key\"\n          :label=\"'热区' + (key + 1)\"\n        >\n          <el-input v-model=\"hotData.views[key].url\" placeholder=\"填写跳转地址\">\n            <template #append>\n              <el-button @click=\"delView(key)\">删除</el-button>\n            </template>\n          </el-input>\n        </el-form-item>\n      </el-form>\n      <el-button\n        :disabled=\"!hotData.background\"\n        type=\"primary\"\n        @click=\"addView()\"\n        >{{ hotData.background ? '添加热区' : '请先上传图片' }}</el-button\n      >\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\n// import Vue3DraggableResizable, { DraggableContainer } from 'vue3-draggable-resizable'\nimport { reactive, ref, watch, onMounted } from 'vue'\n\n\nconst props = defineProps({\n  hotDataValue: {\n    default: () => {\n      return {\n        views: [],\n        width: 400,\n        height: 400,\n        background: null,\n      }\n    },\n    type: Object,\n  },\n})\nconst index = ref(0)\nconst hotData = reactive(props.hotDataValue)\nconst addView = () => {\n  // 这里hotData可以能没有views,如果没有就添加上views\n  if (!Array.isArray(hotData.views)) {\n    hotData.views = []\n  }\n  hotData.views.push({\n    css: {\n      left: 0,\n      top: 0,\n      width: 80,\n      height: 80,\n      borderRadius: 0,\n      borderColor: '#fff',\n    },\n    url: '',\n  })\n}\n\nconst delView = (indexToDelete: any) => {\n  if (indexToDelete >= 0 && indexToDelete < hotData.views.length) {\n    hotData.views.splice(indexToDelete, 1)\n  }\n}\n\nconst onDrag = (p: any) => {\n  const css = hotData.views[index.value].css\n  css.left = p.x\n  css.top = p.y\n}\nconst onResize = (p: any) => {\n  const css = hotData.views[index.value].css\n  css.left = p.x\n  css.top = p.y\n  css.width = p.w\n  css.height = p.h\n}\n\nonMounted(() => {\n  resetSize()\n})\n\nwatch(\n  () => hotData?.background,\n  () => {\n    resetSize()\n  }\n)\n\nconst resetSize = () => {\n  if (hotData.background) {\n    getImageSize(hotData.background)\n      .then((image: any) => {\n        hotData.width = 500\n        hotData.height = (image.height * 500) / image.width\n        setTimeout(() => {\n          // checkParentSize()\n        }, 200)\n      })\n      .catch(() => {})\n  }\n}\n\nconst getImageSize = (url: any) => {\n  return new Promise(function (resolve, reject) {\n    const image = new Image()\n    image.onload = function () {\n      resolve({\n        width: image.width,\n        height: image.height,\n      })\n    }\n    image.onerror = function () {\n      reject(new Error('error'))\n    }\n    image.src = url\n  })\n}\n</script>\n"],"names":["__MACROS_defineComponent","ref","reactive","onMounted","watch"],"mappings":"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"}

package/lib/hot-area-input/src/hot-area-input.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var hotAreaInput_vue_vue_type_script_setup_true_lang = require('./hot-area-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _HotAreaInput = /* @__PURE__ */ _pluginVue_exportHelper.default(hotAreaInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\hot-area-input\\src\\hot-area-input.vue"]]);
+var _HotAreaInput = /* @__PURE__ */ _pluginVue_exportHelper.default(hotAreaInput_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\\hot-area-input\\src\\hot-area-input.vue"]]);
 
 exports.default = _HotAreaInput;
 //# sourceMappingURL=hot-area-input.vue.js.map

package/lib/hot-area-input/src/hot-area-input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"hot-area-input.vue2.js","sources":["../../../src/hot-area-input/src/hot-area-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkHotAreaInput',\n});\n</script>\n<template>\n  <div class=\"dk-hot-area-input\">\n    <el-button type=\"primary\" @click=\"dialog = true\">设置热区</el-button>\n    <dk-dialog v-model=\"dialog\" width=\"1000px\" title=\"设置热区\">\n      <hot-area-content :hot-data-value=\"input\"></hot-area-content>\n      <template #footer>\n        <div class=\"text-center\">\n          <el-button size=\"default\" style=\"width: 200px\" type=\"primary\" @click=\"dialog = false\">确定</el-button>\n        </div>\n      </template>\n    </dk-dialog>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { hotAreaInputProps } from './props'\nimport { ref, reactive } from 'vue'\nimport HotAreaContent from './component/hot-area-content.vue'\n\n\nconst props = defineProps(hotAreaInputProps)\nconst input = reactive(props.modelValue)\nconst dialog = ref(false)\n</script>\n"],"names":["__MACROS_defineComponent","reactive","ref"],"mappings":";;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,gBAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAuBD,IAAM,MAAA,KAAA,GAAQC,YAAS,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACvC,IAAM,MAAA,MAAA,GAASC,QAAI,KAAK,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"hot-area-input.vue2.js","sources":["../../../src/hot-area-input/src/hot-area-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkHotAreaInput',\n});\n</script>\n<template>\n  <div class=\"dk-hot-area-input\">\n    <el-button type=\"primary\" @click=\"dialog = true\">设置热区</el-button>\n    <dk-dialog v-model=\"dialog\" width=\"1000px\" title=\"设置热区\">\n      <hot-area-content :hot-data-value=\"input\"></hot-area-content>\n      <template #footer>\n        <div class=\"text-center\">\n          <el-button\n            size=\"default\"\n            style=\"width: 200px\"\n            type=\"primary\"\n            @click=\"dialog = false\"\n            >确定</el-button\n          >\n        </div>\n      </template>\n    </dk-dialog>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { hotAreaInputProps } from './props'\nimport { ref, reactive } from 'vue'\nimport HotAreaContent from './component/hot-area-content.vue'\n\n\nconst props = defineProps(hotAreaInputProps)\nconst input = reactive(props.modelValue)\nconst dialog = ref(false)\n</script>\n"],"names":["__MACROS_defineComponent","reactive","ref"],"mappings":";;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,gBAAA;AACR,CAAC,CAAA,CAAA;;;;;;AA6BD,IAAM,MAAA,KAAA,GAAQC,YAAS,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACvC,IAAM,MAAA,MAAA,GAASC,QAAI,KAAK,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/icon/src/icon.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var icon_vue_vue_type_script_setup_true_lang = require('./icon.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _Icon = /* @__PURE__ */ _pluginVue_exportHelper.default(icon_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon\\src\\icon.vue"]]);
+var _Icon = /* @__PURE__ */ _pluginVue_exportHelper.default(icon_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\\icon\\src\\icon.vue"]]);
 
 exports.default = _Icon;
 //# sourceMappingURL=icon.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon.vue2.js","sources":["../../../src/icon/src/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkIcon',\n});\n</script>\n<template>\n  <el-icon :class=\"bem()\" :style=\"getIconifyStyle\">\n    <slot>\n      <Icon v-if=\"iconType === 'cloud'\" :icon=\"props.icon\" />\n      <component :is=\"props.icon\" v-if=\"iconType === 'el'\" />\n      <van-icon v-if=\"iconType === 'vant'\" :class=\"bem()\" :name=\"props.icon\" :style=\"getIconifyStyle\"></van-icon>\n    </slot>\n  </el-icon>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { computed } from 'vue'\nimport { createNamespace } from '@vipl520/utils'\nimport { iconProps } from './props'\nimport * as ElementPlusIconsVue from '@element-plus/icons-vue'\nimport icons from '@vant/icons'\n\nconst [_, bem] = createNamespace('icon')\n\n\nconst props = defineProps(iconProps)\n// 获取element-plus所有图标\nconst elIcons = Object.keys(ElementPlusIconsVue).map((key) => {\n  return key\n})\nconst getIconifyStyle = computed(() => {\n  const { color, size, hoverColor } = props\n  const style: any = {}\n  if (color) style.color = color\n  if (size) style.fontSize = `${size}px`\n  if (hoverColor) style['--hover-color'] = hoverColor\n  return style\n})\n\nconst iconType = computed(() => {\n  let type = 'cloud'\n  if (elIcons.includes(props.icon) && props.showEl) {\n    type = 'el'\n  }\n  if (props.showVant) {\n    // 这里类型有些问题\n    if (icons.basic.includes(props.icon)) {\n      type = 'vant'\n    }\n    if (icons.outline.includes(props.icon)) {\n      type = 'vant'\n    }\n    if (icons.filled.includes(props.icon)) {\n      type = 'vant'\n    }\n  }\n  return type\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ElementPlusIconsVue","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAoBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,MAAM,CAAA,CAAA;AAKvC,IAAA,MAAM,UAAU,MAAO,CAAA,IAAA,CAAKC,8BAAmB,CAAE,CAAA,GAAA,CAAI,CAAC,GAAQ,KAAA;AAC5D,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,eAAA,GAAkBC,aAAS,MAAM;AACrC,MAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,UAAA,EAAe,GAAA,KAAA,CAAA;AACpC,MAAA,MAAM,QAAa,EAAC,CAAA;AACpB,MAAI,IAAA,KAAA;AAAO,QAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAA;AACzB,MAAI,IAAA,IAAA;AAAM,QAAM,KAAA,CAAA,QAAA,GAAW,GAAG,IAAI,CAAA,EAAA,CAAA,CAAA;AAClC,MAAI,IAAA,UAAA;AAAY,QAAA,KAAA,CAAM,eAAe,CAAI,GAAA,UAAA,CAAA;AACzC,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWA,aAAS,MAAM;AAC9B,MAAA,IAAI,IAAO,GAAA,OAAA,CAAA;AACX,MAAA,IAAI,QAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAA,IAAK,MAAM,MAAQ,EAAA;AAChD,QAAO,IAAA,GAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,MAAM,QAAU,EAAA;AAElB,QAAA,IAAI,KAAM,CAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACpC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACtC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,MAAA,CAAO,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACrC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AAAA,OACF;AACA,MAAO,OAAA,IAAA,CAAA;AAAA,KACR,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icon.vue2.js","sources":["../../../src/icon/src/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkIcon',\n});\n</script>\n<template>\n  <el-icon :class=\"bem()\" :style=\"getIconifyStyle\">\n    <slot>\n      <Icon v-if=\"iconType === 'cloud'\" :icon=\"props.icon\" />\n      <component :is=\"props.icon\" v-if=\"iconType === 'el'\" />\n      <van-icon\n        v-if=\"iconType === 'vant'\"\n        :class=\"bem()\"\n        :name=\"props.icon\"\n        :style=\"getIconifyStyle\"\n      ></van-icon>\n    </slot>\n  </el-icon>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { computed } from 'vue'\nimport { createNamespace } from '@vipl520/utils'\nimport { iconProps } from './props'\nimport * as ElementPlusIconsVue from '@element-plus/icons-vue'\nimport icons from '@vant/icons'\n\nconst [_, bem] = createNamespace('icon')\n\n\nconst props = defineProps(iconProps)\n// 获取element-plus所有图标\nconst elIcons = Object.keys(ElementPlusIconsVue).map((key) => {\n  return key\n})\nconst getIconifyStyle = computed(() => {\n  const { color, size, hoverColor } = props\n  const style: any = {}\n  if (color) style.color = color\n  if (size) style.fontSize = `${size}px`\n  if (hoverColor) style['--hover-color'] = hoverColor\n  return style\n})\n\nconst iconType = computed(() => {\n  let type = 'cloud'\n  if (elIcons.includes(props.icon) && props.showEl) {\n    type = 'el'\n  }\n  if (props.showVant) {\n    // 这里类型有些问题\n    if (icons.basic.includes(props.icon)) {\n      type = 'vant'\n    }\n    if (icons.outline.includes(props.icon)) {\n      type = 'vant'\n    }\n    if (icons.filled.includes(props.icon)) {\n      type = 'vant'\n    }\n  }\n  return type\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ElementPlusIconsVue","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAyBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,MAAM,CAAA,CAAA;AAKvC,IAAA,MAAM,UAAU,MAAO,CAAA,IAAA,CAAKC,8BAAmB,CAAE,CAAA,GAAA,CAAI,CAAC,GAAQ,KAAA;AAC5D,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,eAAA,GAAkBC,aAAS,MAAM;AACrC,MAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,UAAA,EAAe,GAAA,KAAA,CAAA;AACpC,MAAA,MAAM,QAAa,EAAC,CAAA;AACpB,MAAI,IAAA,KAAA;AAAO,QAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAA;AACzB,MAAI,IAAA,IAAA;AAAM,QAAM,KAAA,CAAA,QAAA,GAAW,GAAG,IAAI,CAAA,EAAA,CAAA,CAAA;AAClC,MAAI,IAAA,UAAA;AAAY,QAAA,KAAA,CAAM,eAAe,CAAI,GAAA,UAAA,CAAA;AACzC,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWA,aAAS,MAAM;AAC9B,MAAA,IAAI,IAAO,GAAA,OAAA,CAAA;AACX,MAAA,IAAI,QAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAA,IAAK,MAAM,MAAQ,EAAA;AAChD,QAAO,IAAA,GAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,MAAM,QAAU,EAAA;AAElB,QAAA,IAAI,KAAM,CAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACpC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACtC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,MAAA,CAAO,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACrC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AAAA,OACF;AACA,MAAO,OAAA,IAAA,CAAA;AAAA,KACR,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/icon-input/src/icon-content.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var iconContent_vue_vue_type_script_setup_true_lang = require('./icon-content.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _IconContent = /* @__PURE__ */ _pluginVue_exportHelper.default(iconContent_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-content.vue"]]);
+var _IconContent = /* @__PURE__ */ _pluginVue_exportHelper.default(iconContent_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\\icon-input\\src\\icon-content.vue"]]);
 
 exports.default = _IconContent;
 //# sourceMappingURL=icon-content.vue.js.map

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

@@ -232,7 +232,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       128
                       /* KEYED_FRAGMENT */
                     )),
-                    !searchIcon.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : vue.createCommentVNode("v-if", true)
+                    !searchIcon.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, " \u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807 ")) : vue.createCommentVNode("v-if", true)
                   ],
                   64
                   /* STABLE_FRAGMENT */