@vipl520/dk-ui 1.0.1

package/lib/packages/dk-ui/src/icon-input/src/icon-input.vue2.js

@@ -0,0 +1,129 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var utils = require('@vipl520/utils');
+var props = require('./props.js');
+var iconDialog = require('./icon-dialog.vue.js');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "show m-t-5px"
+};
+const __default__ = vue.defineComponent({
+  name: "DkIconInput"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: props.iconInputProps,
+  emits: ["input", "update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const [_, bem] = utils.createNamespace("icon-input");
+    const input = vue.ref(props.modelValue);
+    const iconDialog$1 = vue.ref();
+    vue.watch(
+      () => props.modelValue,
+      (val) => {
+        input.value = val;
+      }
+    );
+    vue.watch(
+      () => input.value,
+      (val) => {
+        handleInput(val);
+      }
+    );
+    const nextProps = vue.computed(() => {
+      const { modelValue, ...others } = props;
+      return others;
+    });
+    const handleInput = (val) => {
+      emit("update:modelValue", val);
+      emit("input", val);
+      emit("change", val);
+    };
+    const onClear = () => {
+      input.value = "";
+    };
+    const onClick = () => {
+      iconDialog$1.value.open();
+    };
+    const onConfirm = (icon) => {
+      console.log(icon);
+      input.value = icon;
+    };
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_dk_icon = vue.resolveComponent("dk-icon");
+      const _component_Close = vue.resolveComponent("Close");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(bem)())
+        },
+        [
+          vue.createCommentVNode("\u2193\u2193\u2193\u2193\u663E\u793Ainput\u6846\u2193\u2193\u2193\u2193"),
+          vue.createVNode(_component_el_input, {
+            modelValue: input.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+            placeholder: props.placeholder,
+            clearable: ""
+          }, {
+            append: vue.withCtx(() => [
+              vue.createVNode(_component_el_button, { onClick }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u9009\u62E9")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["modelValue", "placeholder"]),
+          vue.createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
+          props.preview ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createVNode(_component_dk_icon, {
+              icon: input.value ? input.value : "fluent:document-none-24-regular",
+              class: "icon rd-4px cursor-pointer",
+              size: 50,
+              color: input.value ? "" : "#ccc",
+              onClick
+            }, null, 8, ["icon", "color"]),
+            vue.createElementVNode("em", {
+              onClick: _cache[1] || (_cache[1] = ($event) => input.value = "")
+            }, [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_Close)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode("\u2193\u2193\u2193\u2193\u4E0D\u663E\u793Ainput\u6846\u2193\u2193\u2193\u2193"),
+          vue.createVNode(
+            iconDialog.default,
+            vue.mergeProps({
+              ref_key: "iconDialog",
+              ref: iconDialog$1
+            }, nextProps.value, { onConfirm }),
+            null,
+            16
+            /* FULL_PROPS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=icon-input.vue2.js.map

package/lib/packages/dk-ui/src/icon-input/src/icon-input.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-input.vue2.js","sources":["../../../../../../src/icon-input/src/icon-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkIconInput',\n});\n</script>\n<template>\n  <div :class=\"bem()\">\n    <!--↓↓↓↓显示input框↓↓↓↓-->\n    <el-input v-model=\"input\" :placeholder=\"props.placeholder\" clearable>\n      <template #append>\n        <el-button @click=\"onClick\">选择</el-button>\n      </template>\n    </el-input>\n    <!--选择的是图片-->\n    <div v-if=\"props.preview\" class=\"show m-t-5px\">\n      <dk-icon :icon=\"input ? input : 'fluent:document-none-24-regular'\" class=\"icon rd-4px cursor-pointer\" :size=\"50\" :color=\"input ? '' : '#ccc'\" @click=\"onClick\" />\n      <em @click=\"input = ''\">\n        <el-icon><Close /></el-icon>\n      </em>\n    </div>\n    <!--↓↓↓↓不显示input框↓↓↓↓-->\n    <dk-icon-dialog ref=\"iconDialog\" v-bind=\"nextProps\" @confirm=\"onConfirm\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { iconInputProps } from './props'\nimport { ref, watch, computed } from 'vue'\nimport DkIconDialog from './icon-dialog.vue'\n\nconst [_, bem] = createNamespace('icon-input')\n\n\n\nconst props = defineProps(iconInputProps)\nconst input = ref(props.modelValue)\nconst iconDialog = 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 nextProps = computed(() => {\n  const { modelValue, ...others } = props\n  return others\n})\n\nconst handleInput = (val: string) => {\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  iconDialog.value.open()\n}\n// 确认选中附件\nconst onConfirm = (icon: string) => {\n  console.log(icon)\n  input.value = icon\n}\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","iconDialog","watch","computed"],"mappings":";;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,aAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA4BD,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,MAAMC,eAAaD,OAAI,EAAA,CAAA;AAGvB,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,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAA,MAAM,EAAE,UAAA,EAAY,GAAG,MAAA,EAAW,GAAA,KAAA,CAAA;AAClC,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAc,CAAC,GAAgB,KAAA;AACnC,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,MAAAF,YAAA,CAAW,MAAM,IAAK,EAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,IAAiB,KAAA;AAClC,MAAA,OAAA,CAAQ,IAAI,IAAI,CAAA,CAAA;AAChB,MAAA,KAAA,CAAM,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/dk-ui/src/icon-input/src/props.js

@@ -0,0 +1,52 @@
+'use strict';
+
+const iconInputProps = {
+  type: { default: "element", type: String },
+  modelValue: { type: String, default: "" },
+  placeholder: { type: String, default: "" },
+  showTab: {
+    default: () => {
+      return { el: true, vant: true, cloud: true };
+    },
+    type: Object
+  },
+  preview: {
+    default: true,
+    type: Boolean
+  }
+  // showEl: {
+  //   default: true,
+  //   type: Boolean,
+  // },
+  // showVant: {
+  //   default: true,
+  //   type: Boolean,
+  // },
+  // showCloud:{
+  //
+  // }
+};
+const iconContentProps = {
+  icon: { default: "", type: String },
+  type: { default: "element", type: String },
+  showTab: {
+    default: () => {
+      return { el: true, vant: true, cloud: true };
+    },
+    type: Object
+  }
+};
+const iconDialogProps = {
+  type: { default: "element", type: String },
+  showTab: {
+    default: () => {
+      return { el: true, vant: true, cloud: true };
+    },
+    type: Object
+  }
+};
+
+exports.iconContentProps = iconContentProps;
+exports.iconDialogProps = iconDialogProps;
+exports.iconInputProps = iconInputProps;
+//# sourceMappingURL=props.js.map

package/lib/packages/dk-ui/src/icon-input/src/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../../../../src/icon-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\ntype iconType = 'cloud' | 'element' | 'vant'\n\nexport const iconInputProps = {\n  type: { default: 'element', type: String as () => iconType },\n  modelValue: { type: String, default: '' },\n  placeholder: { type: String, default: '' },\n  showTab: {\n    default: () => {\n      return { el: true, vant: true, cloud: true }\n    },\n    type: Object,\n  },\n  preview: {\n    default: true,\n    type: Boolean,\n  },\n  // showEl: {\n  //   default: true,\n  //   type: Boolean,\n  // },\n  // showVant: {\n  //   default: true,\n  //   type: Boolean,\n  // },\n  // showCloud:{\n  //\n  // }\n}\n\nexport const iconContentProps = {\n  icon: { default: '', type: String },\n  type: { default: 'element', type: String as () => iconType },\n  showTab: {\n    default: () => {\n      return { el: true, vant: true, cloud: true }\n    },\n    type: Object,\n  },\n}\n\nexport const iconDialogProps = {\n  type: { default: 'element', type: String as () => iconType },\n  showTab: {\n    default: () => {\n      return { el: true, vant: true, cloud: true }\n    },\n    type: Object,\n  },\n}\n\nexport type IconInputProps = ExtractPropTypes<typeof iconInputProps>\n"],"names":[],"mappings":";;AAGO,MAAM,cAAiB,GAAA;AAAA,EAC5B,IAAM,EAAA,EAAE,OAAS,EAAA,SAAA,EAAW,MAAM,MAAyB,EAAA;AAAA,EAC3D,UAAY,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,EAAG,EAAA;AAAA,EACxC,WAAa,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,EAAG,EAAA;AAAA,EACzC,OAAS,EAAA;AAAA,IACP,SAAS,MAAM;AACb,MAAA,OAAO,EAAE,EAAI,EAAA,IAAA,EAAM,IAAM,EAAA,IAAA,EAAM,OAAO,IAAK,EAAA,CAAA;AAAA,KAC7C;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,IAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYF,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,IAAM,EAAA,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,MAAO,EAAA;AAAA,EAClC,IAAM,EAAA,EAAE,OAAS,EAAA,SAAA,EAAW,MAAM,MAAyB,EAAA;AAAA,EAC3D,OAAS,EAAA;AAAA,IACP,SAAS,MAAM;AACb,MAAA,OAAO,EAAE,EAAI,EAAA,IAAA,EAAM,IAAM,EAAA,IAAA,EAAM,OAAO,IAAK,EAAA,CAAA;AAAA,KAC7C;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AACF,EAAA;AAEO,MAAM,eAAkB,GAAA;AAAA,EAC7B,IAAM,EAAA,EAAE,OAAS,EAAA,SAAA,EAAW,MAAM,MAAyB,EAAA;AAAA,EAC3D,OAAS,EAAA;AAAA,IACP,SAAS,MAAM;AACb,MAAA,OAAO,EAAE,EAAI,EAAA,IAAA,EAAM,IAAM,EAAA,IAAA,EAAM,OAAO,IAAK,EAAA,CAAA;AAAA,KAC7C;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AACF;;;;;;"}

package/lib/packages/dk-ui/src/image-input/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@vipl520/utils');
+var imageInput = require('./src/image-input.vue.js');
+var props = require('./src/props.js');
+
+const ImageInput = utils.withInstall(imageInput.default);
+
+exports.imageInputProps = props.imageInputProps;
+exports.ImageInput = ImageInput;
+exports.default = ImageInput;
+//# sourceMappingURL=index.js.map

package/lib/packages/dk-ui/src/image-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/image-input/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _ImageInput from './src/image-input.vue'\n\nexport const ImageInput = withInstall(_ImageInput)\nexport default ImageInput\n\nexport * from './src/props'\n"],"names":["withInstall","_ImageInput"],"mappings":";;;;;;;;AAGa,MAAA,UAAA,GAAaA,kBAAYC,kBAAW;;;;;;"}

package/lib/packages/dk-ui/src/image-input/src/image-input.vue.js

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

package/lib/packages/dk-ui/src/image-input/src/image-input.vue.js.map

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

package/lib/packages/dk-ui/src/image-input/src/image-input.vue2.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var utils = require('@vipl520/utils');
+var props = require('./props.js');
+
+const __default__ = vue.defineComponent({
+  name: "DkImageInput"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: props.imageInputProps,
+  emits: ["input", "update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const [_, bem] = utils.createNamespace("image-input");
+    const input = vue.ref(props.modelValue);
+    vue.watch(
+      () => props.modelValue,
+      (val) => {
+        input.value = val;
+      }
+    );
+    vue.watch(
+      () => input.value,
+      (val) => {
+        handleInput(val);
+      }
+    );
+    const handleInput = (val) => {
+      emit("update:modelValue", val);
+      emit("input", val);
+      emit("change", val);
+    };
+    return (_ctx, _cache) => {
+      const _component_dk_file_input = vue.resolveComponent("dk-file-input");
+      return vue.openBlock(), vue.createBlock(_component_dk_file_input, vue.mergeProps(_ctx.$attrs, {
+        modelValue: input.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+        type: 1,
+        class: vue.unref(bem)()
+      }), null, 16, ["modelValue", "class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=image-input.vue2.js.map

package/lib/packages/dk-ui/src/image-input/src/image-input.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-input.vue2.js","sources":["../../../../../../src/image-input/src/image-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkImageInput',\n});\n</script>\n<template>\n  <dk-file-input v-bind=\"$attrs\" v-model=\"input\" :type=\"1\" :class=\"bem()\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\nimport { createNamespace } from '@vipl520/utils'\nimport { imageInputProps } from './props'\n\nconst [_, bem] = createNamespace('image-input')\n\n\n\nconst props = defineProps(imageInputProps)\n\nconst input = ref(props.modelValue)\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</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","watch"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAWD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,aAAa,CAAA,CAAA;AAM9C,IAAM,MAAA,KAAA,GAAQC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAGlC,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;;;;;;;;;;;;;;;"}

package/lib/packages/dk-ui/src/image-input/src/props.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const imageInputProps = {
+  modelValue: { type: String, default: "" },
+  placeholder: { type: String, default: "" },
+  showInput: { type: Boolean, default: true },
+  imgSize: { type: Number, default: 100 },
+  accept: { type: String, default: "" }
+};
+
+exports.imageInputProps = imageInputProps;
+//# sourceMappingURL=props.js.map

package/lib/packages/dk-ui/src/image-input/src/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../../../../src/image-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const imageInputProps = {\n  modelValue: { type: String, default: '' },\n  placeholder: { type: String, default: '' },\n  showInput: { type: Boolean, default: true },\n  imgSize: { type: Number, default: 100 },\n  accept: { type: String, default: '' },\n}\n\nexport type ImageInputProps = ExtractPropTypes<typeof imageInputProps>\n"],"names":[],"mappings":";;AAEO,MAAM,eAAkB,GAAA;AAAA,EAC7B,UAAY,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,EAAG,EAAA;AAAA,EACxC,WAAa,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,EAAG,EAAA;AAAA,EACzC,SAAW,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA,EAC1C,OAAS,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,GAAI,EAAA;AAAA,EACtC,MAAQ,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,EAAG,EAAA;AACtC;;;;"}

package/lib/packages/dk-ui/src/image-list-input/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@vipl520/utils');
+var imageListInput = require('./src/image-list-input.vue.js');
+var props = require('./src/props.js');
+
+const ImageListInput = utils.withInstall(imageListInput.default);
+
+exports.imageListInputProps = props.imageListInputProps;
+exports.ImageListInput = ImageListInput;
+exports.default = ImageListInput;
+//# sourceMappingURL=index.js.map

package/lib/packages/dk-ui/src/image-list-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/image-list-input/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _ImageListInput from './src/image-list-input.vue'\n\nexport const ImageListInput = withInstall(_ImageListInput)\nexport default ImageListInput\n\nexport * from './src/props'\n"],"names":["withInstall","_ImageListInput"],"mappings":";;;;;;;;AAGa,MAAA,cAAA,GAAiBA,kBAAYC,sBAAe;;;;;;"}

package/lib/packages/dk-ui/src/image-list-input/src/image-list-input.vue.js

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

package/lib/packages/dk-ui/src/image-list-input/src/image-list-input.vue.js.map

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

package/lib/packages/dk-ui/src/image-list-input/src/image-list-input.vue2.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var utils = require('@vipl520/utils');
+var props = require('./props.js');
+
+const __default__ = vue.defineComponent({
+  name: "DkImageListInput"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: props.imageListInputProps,
+  emits: ["input", "update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const [_, bem] = utils.createNamespace("image-list-input");
+    const input = vue.ref(props.modelValue);
+    vue.watch(
+      () => props.modelValue,
+      (val) => {
+        input.value = val;
+      }
+    );
+    vue.watch(
+      () => input.value,
+      (val) => {
+        handleInput(val);
+      }
+    );
+    const handleInput = (val) => {
+      emit("update:modelValue", val);
+      emit("input", val);
+      emit("change", val);
+    };
+    return (_ctx, _cache) => {
+      const _component_dk_file_list_input = vue.resolveComponent("dk-file-list-input");
+      return vue.openBlock(), vue.createBlock(_component_dk_file_list_input, vue.mergeProps(_ctx.$attrs, {
+        modelValue: input.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+        class: vue.unref(bem)(),
+        type: 1,
+        onChange: _cache[1] || (_cache[1] = ($event) => handleInput(input.value))
+      }), null, 16, ["modelValue", "class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=image-list-input.vue2.js.map

package/lib/packages/dk-ui/src/image-list-input/src/image-list-input.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-list-input.vue2.js","sources":["../../../../../../src/image-list-input/src/image-list-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkImageListInput',\n});\n</script>\n<template>\n  <dk-file-list-input\n    v-bind=\"$attrs\"\n    v-model=\"input\"\n    :class=\"bem()\"\n    :type=\"1\"\n    @change=\"handleInput(input)\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { imageListInputProps } from './props'\nimport { ref, watch } from 'vue'\nconst [_, bem] = createNamespace('image-list-input')\n\n\n\nconst props = defineProps(imageListInputProps)\nconst input = ref(props.modelValue)\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</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","watch"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,kBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAgBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,kBAAkB,CAAA,CAAA;AAKnD,IAAM,MAAA,KAAA,GAAQC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAGlC,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;;;;;;;;;;;;;;;;"}

package/lib/packages/dk-ui/src/image-list-input/src/props.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const imageListInputProps = {
+  modelValue: { default: () => [], type: Array },
+  disabled: { default: false, type: Boolean },
+  limit: { default: 3, type: Number },
+  imgSize: { default: 100, type: Number },
+  accept: { default: "", type: String }
+};
+
+exports.imageListInputProps = imageListInputProps;
+//# sourceMappingURL=props.js.map

package/lib/packages/dk-ui/src/image-list-input/src/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../../../../src/image-list-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const imageListInputProps = {\n  modelValue: { default: () => [], type: Array },\n  disabled: { default: false, type: Boolean },\n  limit: { default: 3, type: Number },\n  imgSize: { default: 100, type: Number },\n  accept: { default: '', type: String },\n}\n\nexport type ImageListInputProps = ExtractPropTypes<typeof imageListInputProps>\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAsB,GAAA;AAAA,EACjC,YAAY,EAAE,OAAA,EAAS,MAAM,EAAC,EAAG,MAAM,KAAM,EAAA;AAAA,EAC7C,QAAU,EAAA,EAAE,OAAS,EAAA,KAAA,EAAO,MAAM,OAAQ,EAAA;AAAA,EAC1C,KAAO,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,MAAM,MAAO,EAAA;AAAA,EAClC,OAAS,EAAA,EAAE,OAAS,EAAA,GAAA,EAAK,MAAM,MAAO,EAAA;AAAA,EACtC,MAAQ,EAAA,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,MAAO,EAAA;AACtC;;;;"}

package/lib/packages/dk-ui/src/index.js

@@ -0,0 +1,228 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index$j = require('./test/index.js');
+var index$3 = require('./group/index.js');
+var index$1 = require('./tiny-editor/index.js');
+var index$2 = require('./icon/index.js');
+var index$4 = require('./color-input/index.js');
+var index$u = require('./dialog/index.js');
+var index$5 = require('./form/index.js');
+var index$6 = require('./attachment/index.js');
+var index$7 = require('./attachment-dialog/index.js');
+var index$8 = require('./file-input/index.js');
+var index$9 = require('./image-input/index.js');
+var index$a = require('./audio-input/index.js');
+var index$b = require('./video-input/index.js');
+var index$c = require('./file-list-input/index.js');
+var index$d = require('./image-list-input/index.js');
+var index$e = require('./audio-list-input/index.js');
+var index$f = require('./video-list-input/index.js');
+var index$g = require('./icon-input/index.js');
+var index$k = require('./style-input/index.js');
+var index$i = require('./box-size-input/index.js');
+var index$l = require('./style-box-input/index.js');
+var index$m = require('./style-font-input/index.js');
+var index$n = require('./style-border-input/index.js');
+var index$p = require('./style-background-input/index.js');
+var index$o = require('./style-shadow-input/index.js');
+var index$q = require('./style-position-input/index.js');
+var index$r = require('./style-number-input/index.js');
+var index$h = require('./page-diy/index.js');
+var index$s = require('./table/index.js');
+var index$t = require('./select/index.js');
+var utils = require('@vipl520/utils');
+var props = require('./tiny-editor/src/props.js');
+var props$1 = require('./icon/src/props.js');
+var props$2 = require('./group/src/props.js');
+var props$3 = require('./color-input/src/props.js');
+var props$4 = require('./form/src/props.js');
+var props$5 = require('./attachment/src/props.js');
+var props$6 = require('./attachment-dialog/src/props.js');
+var props$7 = require('./file-input/src/props.js');
+var props$8 = require('./image-input/src/props.js');
+var props$9 = require('./audio-input/src/props.js');
+var props$a = require('./video-input/src/props.js');
+var props$b = require('./file-list-input/src/props.js');
+var props$c = require('./image-list-input/src/props.js');
+var props$d = require('./audio-list-input/src/props.js');
+var props$e = require('./video-list-input/src/props.js');
+var props$f = require('./icon-input/src/props.js');
+var props$g = require('./page-diy/src/props.js');
+var props$h = require('./box-size-input/src/props.js');
+var props$i = require('./test/src/props.js');
+var props$j = require('./style-input/src/props.js');
+var props$k = require('./style-box-input/src/props.js');
+var props$l = require('./style-font-input/src/props.js');
+var props$m = require('./style-border-input/src/props.js');
+var props$n = require('./style-shadow-input/src/props.js');
+var props$o = require('./style-background-input/src/props.js');
+var props$p = require('./style-position-input/src/props.js');
+var props$q = require('./style-number-input/src/props.js');
+var props$r = require('./table/src/props.js');
+var props$s = require('./select/src/props.js');
+
+const components = [
+  index$j.Test,
+  // 数据表格
+  index$s.Table,
+  // 选择
+  index$t.Select,
+  // 表单组/对象表单
+  index$3.Group,
+  // 富文本编辑器
+  index$1.TinyEditor,
+  // 图标
+  index$2.Icon,
+  // 颜色选择器
+  index$4.ColorInput,
+  // 对话框
+  index$u.Dialog,
+  // json表单
+  index$5.Form,
+  // 附件
+  index$6.Attachment,
+  // 附件弹窗
+  index$7.AttachmentDialog,
+  // 文件选择器
+  index$8.FileInput,
+  // 图片选择器
+  index$9.ImageInput,
+  // 音频选择器
+  index$a.AudioInput,
+  // 视频选择器
+  index$b.VideoInput,
+  // 多文件选择器
+  index$c.FileListInput,
+  // 多图片选择器
+  index$d.ImageListInput,
+  // 多音频选择器
+  index$e.AudioListInput,
+  // 多视频选择器
+  index$f.VideoListInput,
+  // 图标选择器
+  index$g.IconInput,
+  // 图标展示框
+  index$g.IconContent,
+  // 图片弹出框
+  index$g.IconDialog,
+  // DIY编辑器
+  index$h.PageDiy,
+  // 尺寸输入框（带px/%/rem/等单位）
+  index$i.BoxSizeInput,
+  // DIV盒子编辑器（padding/margin/width/height）
+  index$l.StyleBoxInput,
+  // 文字样式编辑器
+  index$m.StyleFontInput,
+  // 边框样式编辑器
+  index$n.StyleBorderInput,
+  // 阴影编辑器
+  index$o.StyleShadowInput,
+  // 阴影编辑框
+  index$o.StyleShadowContent,
+  // 背景编辑器
+  index$p.StyleBackgroundInput,
+  // 合并样式编辑
+  index$k.StyleInput,
+  // 定位编辑器
+  index$q.StylePositionInput,
+  // 样式文字
+  index$r.StyleNumberInput
+  // 海报选择器
+  // PosterInput,
+  // // 海报
+  // Poster,
+  // TODO 普通上传 upload
+  // TODO tag选择器  tag-input
+  // TODO 链接选择器 link-input
+  // TODO 海报编辑器 poster-input
+  // TODO Layout布局组件 layout
+  // TODO 应用信息组件 addon-info
+  // TODO 用户信息组件 user-info
+  // TODO 全局Hook组件 global-hook
+  // TODO 前端DIY匹配
+  // TODO 开发者工具(自动CRUD)
+  // TODO 应用框架
+];
+const install = (app, option = {}) => {
+  components.forEach((item) => {
+    if (item.install) {
+      app.use(item);
+    } else if (item.name) {
+      app.component(item.name, item);
+    }
+  });
+  utils.directives(app);
+  utils.setGlobalConfig(option);
+};
+var index = {
+  install
+};
+
+exports.Test = index$j.Test;
+exports.Group = index$3.Group;
+exports.TinyEditor = index$1.TinyEditor;
+exports.Icon = index$2.Icon;
+exports.ColorInput = index$4.ColorInput;
+exports.Form = index$5.Form;
+exports.Attachment = index$6.Attachment;
+exports.AttachmentDialog = index$7.AttachmentDialog;
+exports.FileInput = index$8.FileInput;
+exports.ImageInput = index$9.ImageInput;
+exports.AudioInput = index$a.AudioInput;
+exports.VideoInput = index$b.VideoInput;
+exports.FileListInput = index$c.FileListInput;
+exports.ImageListInput = index$d.ImageListInput;
+exports.AudioListInput = index$e.AudioListInput;
+exports.VideoListInput = index$f.VideoListInput;
+exports.IconContent = index$g.IconContent;
+exports.IconDialog = index$g.IconDialog;
+exports.IconInput = index$g.IconInput;
+exports.StyleInput = index$k.StyleInput;
+exports.BoxSizeInput = index$i.BoxSizeInput;
+exports.StyleBoxInput = index$l.StyleBoxInput;
+exports.StyleFontInput = index$m.StyleFontInput;
+exports.StyleBorderInput = index$n.StyleBorderInput;
+exports.StyleBackgroundInput = index$p.StyleBackgroundInput;
+exports.StyleShadowContent = index$o.StyleShadowContent;
+exports.StyleShadowInput = index$o.StyleShadowInput;
+exports.StylePositionInput = index$q.StylePositionInput;
+exports.StyleNumberInput = index$r.StyleNumberInput;
+exports.PageDiy = index$h.PageDiy;
+exports.Table = index$s.Table;
+exports.Select = index$t.Select;
+exports.tinyEditorProps = props.tinyEditorProps;
+exports.iconProps = props$1.iconProps;
+exports.groupProps = props$2.groupProps;
+exports.colorInputProps = props$3.colorInputProps;
+exports.formProps = props$4.formProps;
+exports.attachmentProps = props$5.attachmentProps;
+exports.attachmentDialogProps = props$6.attachmentDialogProps;
+exports.fileInputProps = props$7.fileInputProps;
+exports.imageInputProps = props$8.imageInputProps;
+exports.audioInputProps = props$9.audioInputProps;
+exports.videoInputProps = props$a.videoInputProps;
+exports.fileListInputProps = props$b.fileListInputProps;
+exports.imageListInputProps = props$c.imageListInputProps;
+exports.audioListInputProps = props$d.audioListInputProps;
+exports.videoListInputProps = props$e.videoListInputProps;
+exports.iconContentProps = props$f.iconContentProps;
+exports.iconDialogProps = props$f.iconDialogProps;
+exports.iconInputProps = props$f.iconInputProps;
+exports.pageDiyProps = props$g.pageDiyProps;
+exports.boxSizeInputProps = props$h.boxSizeInputProps;
+exports.testProps = props$i.testProps;
+exports.styleInputProps = props$j.styleInputProps;
+exports.styleBoxInputProps = props$k.styleBoxInputProps;
+exports.styleFontInputProps = props$l.styleFontInputProps;
+exports.styleBorderInputProps = props$m.styleBorderInputProps;
+exports.shadowInputProps = props$n.shadowInputProps;
+exports.styleBackgroundInputProps = props$o.styleBackgroundInputProps;
+exports.stylePositionInputProps = props$p.stylePositionInputProps;
+exports.styleNumberInputProps = props$q.styleNumberInputProps;
+exports.tableProps = props$r.tableProps;
+exports.selectProps = props$s.selectProps;
+exports.default = index;
+exports.install = install;
+//# sourceMappingURL=index.js.map