npm - @vipl520/dk-ui - Versions diffs - 1.0.42 → 1.0.44 - Mend

@vipl520/dk-ui 1.0.42 → 1.0.44

Files changed (221) hide show

package/lib/style-font-input/src/style-font-input.vue2.js CHANGED Viewed

@@ -50,13 +50,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props.modelValue,
       () => {
-        const propertiesToWatch = [
-          "color",
-          "fontSize",
-          "fontWeight",
-          "fontStyle",
-          "textDecoration"
-        ];
+        const propertiesToWatch = ["color", "fontSize", "fontWeight", "fontStyle", "textDecoration"];
         propertiesToWatch.forEach((property) => {
           styles[property] = props.modelValue[property] || "";
         });
@@ -168,19 +162,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     (vue.openBlock(), vue.createElementBlock(
                       vue.Fragment,
                       null,
-                      vue.renderList([
-                        "12px",
-                        "14px",
-                        "16px",
-                        "18px",
-                        "20px",
-                        "24px",
-                        "28px",
-                        "32px",
-                        "36px",
-                        "40px",
-                        "48px"
-                      ], (item) => {
+                      vue.renderList(["12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "40px", "48px"], (item) => {
                         return vue.createVNode(_component_el_option, {
                           key: item,
                           label: item,

package/lib/style-font-input/src/style-font-input.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style-font-input.vue2.js","sources":["../../../src/style-font-input/src/style-font-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleFontInput',\n});\n</script>\n<template>\n <div class=\"dk-style-font-input\">\n <!-- 颜色、字号、粗细、风格、装饰-->\n <div style=\"display: flex; flex-flow: row wrap\">\n <el-tooltip\n placement=\"top-end\"\n trigger=\"hover\"\n :show-after=\"showAfter\"\n :hide-after=\"hideAfter\"\n >\n <template #content>\n 文字颜色\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.color === ''\"\n @click=\"clear('color')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div class=\"m-b-5px\">\n <el-color-picker v-model=\"styles.color\"></el-color-picker>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip\n placement=\"top-end\"\n trigger=\"hover\"\n :show-after=\"showAfter\"\n :hide-after=\"hideAfter\"\n >\n <template #content>\n 字号\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.fontSize === ''\"\n @click=\"clear('fontSize')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div style=\"width: 100px\" class=\"m-b-5px\">\n <el-select\n v-model=\"styles.fontSize\"\n :remote-show-suffix=\"false\"\n placeholder=\"字号\"\n allow-create\n :filterable=\"true\"\n >\n <el-option\n v-for=\"item in [\n '12px',\n '14px',\n '16px',\n '18px',\n '20px',\n '24px',\n '28px',\n '32px',\n '36px',\n '40px',\n '48px',\n ]\"\n :key=\"item\"\n :label=\"item\"\n :value=\"item\"\n />\n </el-select>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip\n placement=\"top-end\"\n trigger=\"hover\"\n :show-after=\"showAfter\"\n :hide-after=\"hideAfter\"\n >\n <template #content>\n 粗细\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.fontWeight === ''\"\n @click=\"clear('fontWeight')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div style=\"width: 100px\" class=\"m-r-5px m-b-5px\">\n <el-select\n v-model=\"styles.fontWeight\"\n :remote-show-suffix=\"false\"\n placeholder=\"粗细\"\n allow-create\n :filterable=\"true\"\n >\n <el-option\n v-for=\"item in WeightValues\"\n :key=\"item.value\"\n :label=\"item.label\"\n :value=\"item.value\"\n ></el-option>\n </el-select>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip\n placement=\"top-end\"\n trigger=\"hover\"\n :show-after=\"showAfter\"\n :hide-after=\"hideAfter\"\n >\n <template #content>\n 文字粗细\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.fontWeight === ''\"\n @click=\"clear('fontWeight')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div class=\"m-r-5px m-b-5px\">\n <el-radio-group v-model=\"styles.fontWeight\">\n <el-radio-button value=\"bold\">\n <dk-icon\n icon=\"radix-icons:font-bold\"\n title=\"文字加粗\"\n ></dk-icon>\n </el-radio-button>\n <el-radio-button value=\"lighter\">\n <dk-icon\n icon=\"clarity:font-size-line\"\n title=\"文字默认\"\n ></dk-icon>\n </el-radio-button>\n </el-radio-group>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip\n placement=\"top-end\"\n class=\"m-r-5px\"\n trigger=\"hover\"\n :show-after=\"showAfter\"\n :hide-after=\"hideAfter\"\n >\n <template #content>\n 文字风格\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.fontStyle === ''\"\n @click=\"clear('fontStyle')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div class=\"m-r-5px m-b-5px\">\n <el-radio-group v-model=\"styles.fontStyle\">\n <el-radio-button value=\"italic\">\n <dk-icon\n icon=\"radix-icons:font-italic\"\n title=\"文字倾斜\"\n ></dk-icon>\n </el-radio-button>\n </el-radio-group>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip\n placement=\"top-end\"\n trigger=\"hover\"\n :show-after=\"showAfter\"\n :hide-after=\"hideAfter\"\n >\n <template #content>\n 文字装饰\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.textDecoration === ''\"\n @click=\"clear('textDecoration')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div class=\"m-b-5px\">\n <el-radio-group v-model=\"styles.textDecoration\">\n <el-radio-button value=\"underline\">\n <dk-icon icon=\"radix-icons:underline\" title=\"下划线\"></dk-icon>\n </el-radio-button>\n <el-radio-button value=\"line-through\">\n <dk-icon\n icon=\"radix-icons:strikethrough\"\n title=\"删除线\"\n ></dk-icon>\n </el-radio-button>\n <el-radio-button value=\"wavy underline\">\n <dk-icon\n icon=\"mdi:format-underline-wavy\"\n title=\"波浪线\"\n ></dk-icon>\n </el-radio-button>\n </el-radio-group>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip\n placement=\"top\"\n trigger=\"hover\"\n content=\"全部重置\"\n :show-after=\"showAfter\"\n :hide-after=\"hideAfter\"\n >\n <template #default>\n <el-button\n type=\"danger\"\n plain\n icon=\"Delete\"\n class=\"m-l-5px m-b-5px\"\n @click=\"clear('all')\"\n ></el-button>\n </template>\n </el-tooltip>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleFontInputProps } from './props'\nimport { reactive, watch } from 'vue'\n\n\n\nconst props = defineProps(styleFontInputProps)\n\nconst showAfter = 400\nconst hideAfter = 100\n\nconst styles: any = reactive({\n color: props.modelValue.color \|\| '',\n fontSize: props.modelValue.fontSize \|\| '',\n fontWeight: props.modelValue.fontWeight \|\| '',\n fontStyle: props.modelValue.fontStyle \|\| '',\n textDecoration: props.modelValue.textDecoration \|\| '',\n})\n\nconst emit = defineEmits(['update:modelValue', 'change'])\nwatch(styles, (val) => {\n const _styles = Object.keys(styles).reduce((acc: any, key) => {\n if (styles[key] !== '') {\n acc[key] = styles[key]\n }\n return acc\n }, {})\n emit('update:modelValue', _styles)\n emit('change', _styles)\n})\n\nwatch(\n () => props.modelValue,\n () => {\n // styles.color = props.modelValue.color \|\| ''\n // styles.fontSize = props.modelValue.fontSize \|\| ''\n // styles.fontWeight = props.modelValue.fontWeight \|\| ''\n // styles.fontStyle = props.modelValue.fontStyle \|\| ''\n // styles.textDecoration = props.modelValue.textDecoration \|\| ''\n const propertiesToWatch = [\n 'color',\n 'fontSize',\n 'fontWeight',\n 'fontStyle',\n 'textDecoration',\n ]\n propertiesToWatch.forEach((property) => {\n styles[property] = props.modelValue[property] \|\| ''\n })\n },\n { deep: true }\n)\n\nconst WeightValues = [\n { label: '普通', value: 'normal' },\n { label: '加粗', value: 'bold' },\n { label: '更粗', value: 'bolder' },\n { label: '更细', value: 'lighter' },\n { label: '100', value: '100' },\n { label: '200', value: '200' },\n { label: '300', value: '300' },\n { label: '400', value: '400' },\n { label: '500', value: '500' },\n { label: '600', value: '600' },\n { label: '700', value: '700' },\n { label: '800', value: '800' },\n { label: '900', value: '900' },\n]\n\nconst clear = (type: string) => {\n if (type === 'all') {\n Object.keys(styles).forEach((key) => {\n styles[key] = ''\n })\n } else {\n styles[type] = ''\n }\n}\n</script>\n"],"names":["__MACROS_defineComponent","reactive","watch"],"mappings":"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"}
1	+ {"version":3,"file":"style-font-input.vue2.js","sources":["../../../src/style-font-input/src/style-font-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleFontInput',\n});\n</script>\n<template>\n <div class=\"dk-style-font-input\">\n <!-- 颜色、字号、粗细、风格、装饰-->\n <div style=\"display: flex; flex-flow: row wrap\">\n <el-tooltip placement=\"top-end\" trigger=\"hover\" :show-after=\"showAfter\" :hide-after=\"hideAfter\">\n <template #content>\n 文字颜色\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.color === ''\"\n @click=\"clear('color')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div class=\"m-b-5px\">\n <el-color-picker v-model=\"styles.color\"></el-color-picker>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip placement=\"top-end\" trigger=\"hover\" :show-after=\"showAfter\" :hide-after=\"hideAfter\">\n <template #content>\n 字号\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.fontSize === ''\"\n @click=\"clear('fontSize')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div style=\"width: 100px\" class=\"m-b-5px\">\n <el-select\n v-model=\"styles.fontSize\"\n :remote-show-suffix=\"false\"\n placeholder=\"字号\"\n allow-create\n :filterable=\"true\"\n >\n <el-option\n v-for=\"item in ['12px', '14px', '16px', '18px', '20px', '24px', '28px', '32px', '36px', '40px', '48px']\"\n :key=\"item\"\n :label=\"item\"\n :value=\"item\"\n />\n </el-select>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip placement=\"top-end\" trigger=\"hover\" :show-after=\"showAfter\" :hide-after=\"hideAfter\">\n <template #content>\n 粗细\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.fontWeight === ''\"\n @click=\"clear('fontWeight')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div style=\"width: 100px\" class=\"m-r-5px m-b-5px\">\n <el-select\n v-model=\"styles.fontWeight\"\n :remote-show-suffix=\"false\"\n placeholder=\"粗细\"\n allow-create\n :filterable=\"true\"\n >\n <el-option\n v-for=\"item in WeightValues\"\n :key=\"item.value\"\n :label=\"item.label\"\n :value=\"item.value\"\n ></el-option>\n </el-select>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip placement=\"top-end\" trigger=\"hover\" :show-after=\"showAfter\" :hide-after=\"hideAfter\">\n <template #content>\n 文字粗细\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.fontWeight === ''\"\n @click=\"clear('fontWeight')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div class=\"m-r-5px m-b-5px\">\n <el-radio-group v-model=\"styles.fontWeight\">\n <el-radio-button value=\"bold\">\n <dk-icon icon=\"radix-icons:font-bold\" title=\"文字加粗\"></dk-icon>\n </el-radio-button>\n <el-radio-button value=\"lighter\">\n <dk-icon icon=\"clarity:font-size-line\" title=\"文字默认\"></dk-icon>\n </el-radio-button>\n </el-radio-group>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip placement=\"top-end\" class=\"m-r-5px\" trigger=\"hover\" :show-after=\"showAfter\" :hide-after=\"hideAfter\">\n <template #content>\n 文字风格\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.fontStyle === ''\"\n @click=\"clear('fontStyle')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div class=\"m-r-5px m-b-5px\">\n <el-radio-group v-model=\"styles.fontStyle\">\n <el-radio-button value=\"italic\">\n <dk-icon icon=\"radix-icons:font-italic\" title=\"文字倾斜\"></dk-icon>\n </el-radio-button>\n </el-radio-group>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip placement=\"top-end\" trigger=\"hover\" :show-after=\"showAfter\" :hide-after=\"hideAfter\">\n <template #content>\n 文字装饰\n <el-button\n size=\"small\"\n icon=\"Refresh\"\n color=\"var(--el-text-color-primary)\"\n :disabled=\"styles.textDecoration === ''\"\n @click=\"clear('textDecoration')\"\n >重置</el-button\n >\n </template>\n <!-- -->\n <template #default>\n <div class=\"m-b-5px\">\n <el-radio-group v-model=\"styles.textDecoration\">\n <el-radio-button value=\"underline\">\n <dk-icon icon=\"radix-icons:underline\" title=\"下划线\"></dk-icon>\n </el-radio-button>\n <el-radio-button value=\"line-through\">\n <dk-icon icon=\"radix-icons:strikethrough\" title=\"删除线\"></dk-icon>\n </el-radio-button>\n <el-radio-button value=\"wavy underline\">\n <dk-icon icon=\"mdi:format-underline-wavy\" title=\"波浪线\"></dk-icon>\n </el-radio-button>\n </el-radio-group>\n </div>\n </template>\n </el-tooltip>\n <el-tooltip placement=\"top\" trigger=\"hover\" content=\"全部重置\" :show-after=\"showAfter\" :hide-after=\"hideAfter\">\n <template #default>\n <el-button type=\"danger\" plain icon=\"Delete\" class=\"m-l-5px m-b-5px\" @click=\"clear('all')\"></el-button>\n </template>\n </el-tooltip>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleFontInputProps } from './props'\nimport { reactive, watch } from 'vue'\n\n\n\nconst props = defineProps(styleFontInputProps)\n\nconst showAfter = 400\nconst hideAfter = 100\n\nconst styles: any = reactive({\n color: props.modelValue.color \|\| '',\n fontSize: props.modelValue.fontSize \|\| '',\n fontWeight: props.modelValue.fontWeight \|\| '',\n fontStyle: props.modelValue.fontStyle \|\| '',\n textDecoration: props.modelValue.textDecoration \|\| '',\n})\n\nconst emit = defineEmits(['update:modelValue', 'change'])\nwatch(styles, (val) => {\n const _styles = Object.keys(styles).reduce((acc: any, key) => {\n if (styles[key] !== '') {\n acc[key] = styles[key]\n }\n return acc\n }, {})\n emit('update:modelValue', _styles)\n emit('change', _styles)\n})\n\nwatch(\n () => props.modelValue,\n () => {\n // styles.color = props.modelValue.color \|\| ''\n // styles.fontSize = props.modelValue.fontSize \|\| ''\n // styles.fontWeight = props.modelValue.fontWeight \|\| ''\n // styles.fontStyle = props.modelValue.fontStyle \|\| ''\n // styles.textDecoration = props.modelValue.textDecoration \|\| ''\n const propertiesToWatch = ['color', 'fontSize', 'fontWeight', 'fontStyle', 'textDecoration']\n propertiesToWatch.forEach((property) => {\n styles[property] = props.modelValue[property] \|\| ''\n })\n },\n { deep: true }\n)\n\nconst WeightValues = [\n { label: '普通', value: 'normal' },\n { label: '加粗', value: 'bold' },\n { label: '更粗', value: 'bolder' },\n { label: '更细', value: 'lighter' },\n { label: '100', value: '100' },\n { label: '200', value: '200' },\n { label: '300', value: '300' },\n { label: '400', value: '400' },\n { label: '500', value: '500' },\n { label: '600', value: '600' },\n { label: '700', value: '700' },\n { label: '800', value: '800' },\n { label: '900', value: '900' },\n]\n\nconst clear = (type: string) => {\n if (type === 'all') {\n Object.keys(styles).forEach((key) => {\n styles[key] = ''\n })\n } else {\n styles[type] = ''\n }\n}\n</script>\n"],"names":["__MACROS_defineComponent","reactive","watch"],"mappings":"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"}

package/lib/style-input/src/style-input.vue.js CHANGED Viewed

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

package/lib/style-input/src/style-input.vue2.js CHANGED Viewed

@@ -55,11 +55,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
       const _component_el_collapse = vue.resolveComponent("el-collapse");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createTextVNode(
-          vue.toDisplayString(values.value) + " ",
-          1
-          /* TEXT */
-        ),
         !loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
           vue.createVNode(_component_el_collapse, {
             modelValue: activeNames.value,

package/lib/style-input/src/style-input.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style-input.vue2.js","sources":["../../../src/style-input/src/style-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleInput',\n});\n</script>\n<template>\n <div class=\"dk-style-input\">\n ~~{{ values }}\n~~ <div v-if=\"!loading\" class=\"p-5px\">\n <el-collapse v-model=\"activeNames\">\n <el-collapse-item\n v-for=\"(item, key) in props.components\"\n :key=\"key\"\n title=\"\"\n :name=\"key\"\n >\n <template #title>\n {{ item.title }}\n </template>\n <component\n :is=\"item.name\"\n v-if=\"activeNames.includes(key)\"\n v-model=\"values[item.name]\"\n v-bind=\"item.props\"\n @change=\"onChange\"\n />\n </el-collapse-item>\n </el-collapse>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleInputProps } from './props'\nimport { onMounted, ref, watch } from 'vue'\n\n\nconst props = defineProps(styleInputProps)\nconst activeNames = ref([0])\nconst values: any = ref({})\nconst loading = ref(true)\n\nconst emit = defineEmits(['update:modelValue'])\nconst onChange = () => {\n const obj: any = {}\n Object.keys(values.value).forEach((key) => {\n Object.keys(values.value[key]).forEach((k) => {\n obj[k] = values.value[key][k]\n })\n })\n emit('update:modelValue', obj)\n}\nconst init = () => {\n const components: any = props.components\n const obj: any = {}\n components.forEach((item: any) => {\n const params = item.params\n const paramsObj: any = {}\n Object.keys(params).forEach((key) => {\n const param = params[key]\n if (props.modelValue[param]) {\n paramsObj[param] = props.modelValue[param]\n }\n })\n obj[item.name] = paramsObj\n })\n values.value = obj\n loading.value = false\n}\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","onMounted"],"mappings":";;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;~~AAmCD~~,IAAA,MAAM,WAAc,GAAAC,OAAA,CAAI,CAAC,CAAC,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,MAAA,GAAcA,OAAI,CAAA,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAUA,QAAI,IAAI,CAAA,CAAA;AAGxB,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAA,MAAA,CAAO,KAAK,MAAO,CAAA,KAAK,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACzC,QAAO,MAAA,CAAA,IAAA,CAAK,OAAO,KAAM,CAAA,GAAG,CAAC,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAM,KAAA;AAC5C,UAAA,GAAA,CAAI,CAAC,CAAI,GAAA,MAAA,CAAO,KAAM,CAAA,GAAG,EAAE,CAAC,CAAA,CAAA;AAAA,SAC7B,CAAA,CAAA;AAAA,OACF,CAAA,CAAA;AACD,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAAA,KAC/B,CAAA;AACA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,MAAM,aAAkB,KAAM,CAAA,UAAA,CAAA;AAC9B,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAc,KAAA;AAChC,QAAA,MAAM,SAAS,IAAK,CAAA,MAAA,CAAA;AACpB,QAAA,MAAM,YAAiB,EAAC,CAAA;AACxB,QAAA,MAAA,CAAO,IAAK,CAAA,MAAM,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACnC,UAAM,MAAA,KAAA,GAAQ,OAAO,GAAG,CAAA,CAAA;AACxB,UAAI,IAAA,KAAA,CAAM,UAAW,CAAA,KAAK,CAAG,EAAA;AAC3B,YAAA,SAAA,CAAU,KAAK,CAAA,GAAI,KAAM,CAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,WAC3C;AAAA,SACD,CAAA,CAAA;AACD,QAAI,GAAA,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,SAAA,CAAA;AAAA,OAClB,CAAA,CAAA;AACD,MAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,CAAA;AACf,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AACA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"style-input.vue2.js","sources":["../../../src/style-input/src/style-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleInput',\n});\n</script>\n<template>\n <div class=\"dk-style-input\">\n <div v-if=\"!loading\" class=\"p-5px\">\n <el-collapse v-model=\"activeNames\">\n <el-collapse-item v-for=\"(item, key) in props.components\" :key=\"key\" title=\"\" :name=\"key\">\n <template #title>\n {{ item.title }}\n </template>\n <component\n :is=\"item.name\"\n v-if=\"activeNames.includes(key)\"\n v-model=\"values[item.name]\"\n v-bind=\"item.props\"\n @change=\"onChange\"\n />\n </el-collapse-item>\n </el-collapse>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleInputProps } from './props'\nimport { onMounted, ref, watch } from 'vue'\n\n\nconst props = defineProps(styleInputProps)\nconst activeNames = ref([0])\nconst values: any = ref({})\nconst loading = ref(true)\n\nconst emit = defineEmits(['update:modelValue'])\nconst onChange = () => {\n const obj: any = {}\n Object.keys(values.value).forEach((key) => {\n Object.keys(values.value[key]).forEach((k) => {\n obj[k] = values.value[key][k]\n })\n })\n emit('update:modelValue', obj)\n}\nconst init = () => {\n const components: any = props.components\n const obj: any = {}\n components.forEach((item: any) => {\n const params = item.params\n const paramsObj: any = {}\n Object.keys(params).forEach((key) => {\n const param = params[key]\n if (props.modelValue[param]) {\n paramsObj[param] = props.modelValue[param]\n }\n })\n obj[item.name] = paramsObj\n })\n values.value = obj\n loading.value = false\n}\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","onMounted"],"mappings":";;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA6BD,IAAA,MAAM,WAAc,GAAAC,OAAA,CAAI,CAAC,CAAC,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,MAAA,GAAcA,OAAI,CAAA,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAUA,QAAI,IAAI,CAAA,CAAA;AAGxB,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAA,MAAA,CAAO,KAAK,MAAO,CAAA,KAAK,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACzC,QAAO,MAAA,CAAA,IAAA,CAAK,OAAO,KAAM,CAAA,GAAG,CAAC,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAM,KAAA;AAC5C,UAAA,GAAA,CAAI,CAAC,CAAI,GAAA,MAAA,CAAO,KAAM,CAAA,GAAG,EAAE,CAAC,CAAA,CAAA;AAAA,SAC7B,CAAA,CAAA;AAAA,OACF,CAAA,CAAA;AACD,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAAA,KAC/B,CAAA;AACA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,MAAM,aAAkB,KAAM,CAAA,UAAA,CAAA;AAC9B,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAc,KAAA;AAChC,QAAA,MAAM,SAAS,IAAK,CAAA,MAAA,CAAA;AACpB,QAAA,MAAM,YAAiB,EAAC,CAAA;AACxB,QAAA,MAAA,CAAO,IAAK,CAAA,MAAM,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACnC,UAAM,MAAA,KAAA,GAAQ,OAAO,GAAG,CAAA,CAAA;AACxB,UAAI,IAAA,KAAA,CAAM,UAAW,CAAA,KAAK,CAAG,EAAA;AAC3B,YAAA,SAAA,CAAU,KAAK,CAAA,GAAI,KAAM,CAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,WAC3C;AAAA,SACD,CAAA,CAAA;AACD,QAAI,GAAA,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,SAAA,CAAA;AAAA,OAClB,CAAA,CAAA;AACD,MAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,CAAA;AACf,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AACA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/style-number-input/src/style-number-input.vue.js CHANGED Viewed

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

package/lib/style-position-input/src/style-position-input.vue.js CHANGED Viewed

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

package/lib/style-shadow-input/src/style-shadow-content.vue.js CHANGED Viewed

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

package/lib/style-shadow-input/src/style-shadow-content.vue2.js CHANGED Viewed

@@ -100,12 +100,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     vue.watch(position, () => {
-      form.x = parseInt(
-        String((position.left - props.boxSize / 2) / props.boxSize * props.max)
-      );
-      form.y = parseInt(
-        String((position.top - props.boxSize / 2) / props.boxSize * props.max)
-      );
+      form.x = parseInt(String((position.left - props.boxSize / 2) / props.boxSize * props.max));
+      form.y = parseInt(String((position.top - props.boxSize / 2) / props.boxSize * props.max));
     });
     vue.watch(form, () => {
       let value = `${form.x}${form.x_unit} ${form.y}${form.y_unit} ${form.vague}${form.vague_unit} ${form.extend}${form.extend_unit} ${form.color}`;

package/lib/style-shadow-input/src/style-shadow-content.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style-shadow-content.vue2.js","sources":["../../../src/style-shadow-input/src/style-shadow-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleShadowContent',\n});\n</script>\n<template>\n <div\n ref=\"el\"\n class=\"dk-style-shadow-content\"\n :style=\"{ '--shadow-box-width': boxSize + 'px' }\"\n >\n <el-form\n label-width=\"60px\"\n label-position=\"left\"\n class=\"shadow-form-content\"\n :size=\"size\"\n >\n <el-form-item label=\"模式\">\n <el-radio-group v-model=\"form.type\">\n <el-radio-button value=\"external\">外部</el-radio-button>\n <el-radio-button value=\"inset\">内部</el-radio-button>\n </el-radio-group>\n </el-form-item>\n <el-form-item label=\"颜色\">\n <dk-color-input v-model=\"form.color\" show-alpha></dk-color-input>\n </el-form-item>\n <el-form-item label=\"x轴\">\n <div class=\"flex\">\n <el-input v-model=\"form.x\" type=\"number\"> </el-input>\n <el-select v-model=\"form.x_unit\" placeholder=\"请选择\">\n <el-option\n v-for=\"item in units\"\n :key=\"item\"\n :label=\"item\"\n :value=\"item\"\n />\n </el-select>\n </div>\n </el-form-item>\n <el-form-item label=\"y轴\">\n <div class=\"flex\">\n <el-input v-model=\"form.y\" type=\"number\"> </el-input>\n <el-select v-model=\"form.y_unit\" placeholder=\"请选择\" class=\"w-40px\">\n <el-option\n v-for=\"item in units\"\n :key=\"item\"\n :label=\"item\"\n :value=\"item\"\n />\n </el-select>\n </div>\n </el-form-item>\n <el-form-item label=\"模糊\">\n <div class=\"flex\">\n <el-input v-model=\"form.vague\" type=\"number\"> </el-input>\n <el-select v-model=\"form.vague_unit\" placeholder=\"请选择\">\n <el-option\n v-for=\"item in units\"\n :key=\"item\"\n :label=\"item\"\n :value=\"item\"\n />\n </el-select>\n </div>\n </el-form-item>\n <el-form-item label=\"扩展\">\n <div class=\"flex\">\n <el-input v-model=\"form.extend\" type=\"number\"> </el-input>\n <el-select v-model=\"form.extend_unit\" placeholder=\"请选择\">\n <el-option\n v-for=\"item in units\"\n :key=\"item\"\n :label=\"item\"\n :value=\"item\"\n />\n </el-select>\n </div>\n </el-form-item>\n </el-form>\n <div class=\"shadow-content-shortcut\">\n <div class=\"default-css m-b-10px\">\n <div class=\"m-b-10px\">常用样式</div>\n <el-button\n v-for=\"(item, key) in props.defaultStyles\"\n :key=\"key\"\n size=\"small\"\n @click=\"setStyle(item)\"\n >{{ item.label }}</el-button\n >\n </div>\n <div\n ref=\"box\"\n class=\"shadow-content-box\"\n :class=\"down ? 'down' : ''\"\n :style=\"{ height: boxSize + 'px', width: boxSize + 'px' }\"\n @click=\"getMouseXY($event, 1)\"\n @mousedown=\"onMousedown\"\n @mouseup=\"down = false\"\n @mousemove=\"getMouseXY($event, 0)\"\n >\n <span id=\"spot\" :style=\"spotStyle\">\n <i id=\"center\" />\n </span>\n <span\n id=\"center-spot\"\n :style=\"{ top: boxSize / 2 + 'px', left: boxSize / 2 + 'px' }\"\n />\n <div class=\"x-hr\" :style=\"{ top: boxSize / 2 + 'px' }\" />\n <div class=\"y-hr\" :style=\"{ left: boxSize / 2 + 'px' }\" />\n <div class=\"line\" :style=\"lineStyle\" />\n </div>\n </div>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\n// interface StyleOption {\n// label: string\n// value: string\n// }\nconst props = defineProps({\n boxSize: {\n default: 180,\n type: Number,\n },\n size: {\n default: 'small',\n type: String,\n },\n max: {\n default: 24,\n type: Number,\n },\n modelValue: {\n default: '0px 0px 0px rgba(0, 0, 0, 0)',\n type: String,\n },\n defaultStyles: {\n default: () => {\n return [\n { label: '经典', value: '3px 5px 7px 2px #CBCBCBFF' },\n { label: '扁平', value: '4px 4px 3px -2px #E7E5E5FF' },\n { label: '立体', value: '1px 2px 4px 2px #979797FF' },\n ]\n },\n type: Array as () => any,\n },\n})\nconst form = reactive({\n color: '',\n type: 'external',\n x: 0,\n y: 0,\n vague: 0,\n extend: 0,\n x_unit: 'px',\n y_unit: 'px',\n vague_unit: 'px',\n extend_unit: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst down = ref(false)\nconst position: any = reactive({\n left: 0,\n top: 0,\n})\n\nconst lineStyle = ref('')\nconst box = ref()\nconst spotStyle = computed(() => {\n return {\n left: position.left + 'px',\n top: position.top + 'px',\n }\n})\n\nconst getMouseXY = (e: any, force: any) => {\n if (down.value \|\| force) {\n const _box = box.value.getBoundingClientRect()\n position.left = parseInt(String(e.clientX - _box.x))\n position.top = parseInt(String(e.clientY - _box.y))\n }\n}\n\nwatch(position, () => {\n form.x = parseInt(\n String(((position.left - props.boxSize / 2) / props.boxSize) * props.max)\n )\n form.y = parseInt(\n String(((position.top - props.boxSize / 2) / props.boxSize) * props.max)\n )\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(form, () => {\n let value = `${form.x}${form.x_unit} ${form.y}${form.y_unit} ${form.vague}${form.vague_unit} ${form.extend}${form.extend_unit} ${form.color}`\n if (form.type === 'inset') {\n value = value + ' inset'\n }\n emit('update:modelValue', value)\n})\nconst onMousedown = (e: any) => {\n getMouseXY(e, 1)\n down.value = true\n}\n\nconst initStyle = (modelValue: any) => {\n if (modelValue?.indexOf(' inset') > -1) {\n form.type = 'inset'\n modelValue = modelValue.replace(' inset', '')\n }\n const shadowData = modelValue.split('rgba')\n let color, shadowValues: any\n\n if (shadowData.length > 1) {\n // 将颜色值和其他阴影值进行分离\n color = 'rgba' + shadowData[1].trim()\n shadowValues = shadowData[0].trim().split(' ')\n } else {\n shadowValues = shadowData[0].trim().split(' ')\n color = shadowValues.pop()\n }\n form.color = color \|\| '#000'\n form.x = parseInt(shadowValues[0]) \|\| 0\n form.y = parseInt(shadowValues[1]) \|\| 0\n form.vague = parseInt(shadowValues[2]) \|\| 0\n form.extend = parseInt(shadowValues[3]) \|\| 0\n\n const getUnit = (value: any) => {\n let unit = value?.replace(/[-\\d.]/g, '') \|\| 'px'\n if (units.indexOf(unit) === -1) {\n unit = 'px'\n }\n return unit\n }\n form.x_unit = getUnit(shadowValues[0])\n form.y_unit = getUnit(shadowValues[1])\n form.vague_unit = getUnit(shadowValues[2])\n form.extend_unit = getUnit(shadowValues[3])\n position.left = props.boxSize / 2 + (form.x / props.max) * props.boxSize \|\| 0\n position.top = props.boxSize / 2 + (form.y / props.max) * props.boxSize \|\| 0\n}\n\nconst setStyle = (item: any) => {\n const style = item.value\n initStyle(style)\n}\n\nonMounted(() => {\n // let modelValue = props.modelValue\n initStyle(props.modelValue)\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","useElementSize","reactive","computed","watch","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,sBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHD,IAAM,MAAA,EAAA,GAAUC,QAAI,IAAI,CAAA,CAAA;AACxB,IAAA,MAAM,EAAE,KAAA,EAAU,GAAAC,mBAAA,CAAe,EAAE,CAAA,CAAA;AAmCnC,IAAA,MAAM,OAAOC,YAAS,CAAA;AAAA,MACpB,KAAO,EAAA,EAAA;AAAA,MACP,IAAM,EAAA,UAAA;AAAA,MACN,CAAG,EAAA,CAAA;AAAA,MACH,CAAG,EAAA,CAAA;AAAA,MACH,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,MAAQ,EAAA,IAAA;AAAA,MACR,MAAQ,EAAA,IAAA;AAAA,MACR,UAAY,EAAA,IAAA;AAAA,MACZ,WAAa,EAAA,IAAA;AAAA,KACd,CAAA,CAAA;AAED,IAAA,MAAM,QAAQ,CAAC,IAAA,EAAM,KAAK,KAAO,EAAA,IAAA,EAAM,MAAM,IAAI,CAAA,CAAA;AACjD,IAAM,MAAA,IAAA,GAAOF,QAAI,KAAK,CAAA,CAAA;AACtB,IAAA,MAAM,WAAgBE,YAAS,CAAA;AAAA,MAC7B,IAAM,EAAA,CAAA;AAAA,MACN,GAAK,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYF,QAAI,EAAE,CAAA,CAAA;AACxB,IAAA,MAAM,MAAMA,OAAI,EAAA,CAAA;AAChB,IAAM,MAAA,SAAA,GAAYG,aAAS,MAAM;AAC/B,MAAO,OAAA;AAAA,QACL,IAAA,EAAM,SAAS,IAAO,GAAA,IAAA;AAAA,QACtB,GAAA,EAAK,SAAS,GAAM,GAAA,IAAA;AAAA,OACtB,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,CAAC,CAAA,EAAQ,KAAe,KAAA;AACzC,MAAI,IAAA,IAAA,CAAK,SAAS,KAAO,EAAA;AACvB,QAAM,MAAA,IAAA,GAAO,GAAI,CAAA,KAAA,CAAM,qBAAsB,EAAA,CAAA;AAC7C,QAAA,QAAA,CAAS,OAAO,QAAS,CAAA,MAAA,CAAO,EAAE,OAAU,GAAA,IAAA,CAAK,CAAC,CAAC,CAAA,CAAA;AACnD,QAAA,QAAA,CAAS,MAAM,QAAS,CAAA,MAAA,CAAO,EAAE,OAAU,GAAA,IAAA,CAAK,CAAC,CAAC,CAAA,CAAA;AAAA,OACpD;AAAA,KACF,CAAA;AAEA,IAAAC,SAAA,CAAM,UAAU,MAAM;AACpB,MAAA,IAAA,CAAK,CAAI,GAAA,QAAA;AAAA,QACP,MAAA,CAAA,CAAS,SAAS,IAAO,GAAA,KAAA,CAAM,UAAU,CAAK,IAAA,KAAA,CAAM,OAAW,GAAA,KAAA,CAAM,GAAG,CAAA;AAAA,OAC1E,CAAA;AACA,MAAA,IAAA,CAAK,CAAI,GAAA,QAAA;AAAA,QACP,MAAA,CAAA,CAAS,SAAS,GAAM,GAAA,KAAA,CAAM,UAAU,CAAK,IAAA,KAAA,CAAM,OAAW,GAAA,KAAA,CAAM,GAAG,CAAA;AAAA,OACzE,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAAA,SAAA,CAAM,MAAM,MAAM;AAChB,MAAI,IAAA,KAAA,GAAQ,CAAG,EAAA,IAAA,CAAK,CAAC,CAAA,EAAG,IAAK,CAAA,MAAM,CAAI,CAAA,EAAA,IAAA,CAAK,CAAC,CAAA,EAAG,IAAK,CAAA,MAAM,CAAI,CAAA,EAAA,IAAA,CAAK,KAAK,CAAA,EAAG,IAAK,CAAA,UAAU,CAAI,CAAA,EAAA,IAAA,CAAK,MAAM,CAAA,EAAG,IAAK,CAAA,WAAW,CAAI,CAAA,EAAA,IAAA,CAAK,KAAK,CAAA,CAAA,CAAA;AAC3I,MAAI,IAAA,IAAA,CAAK,SAAS,OAAS,EAAA;AACzB,QAAA,KAAA,GAAQ,KAAQ,GAAA,QAAA,CAAA;AAAA,OAClB;AACA,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAAA,KAChC,CAAA,CAAA;AACD,IAAM,MAAA,WAAA,GAAc,CAAC,CAAW,KAAA;AAC9B,MAAA,UAAA,CAAW,GAAG,CAAC,CAAA,CAAA;AACf,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,UAAoB,KAAA;AACrC,MAAA,IAAI,UAAY,EAAA,OAAA,CAAQ,QAAQ,CAAA,GAAI,CAAI,CAAA,EAAA;AACtC,QAAA,IAAA,CAAK,IAAO,GAAA,OAAA,CAAA;AACZ,QAAa,UAAA,GAAA,UAAA,CAAW,OAAQ,CAAA,QAAA,EAAU,EAAE,CAAA,CAAA;AAAA,OAC9C;AACA,MAAM,MAAA,UAAA,GAAa,UAAW,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAC1C,MAAA,IAAI,KAAO,EAAA,YAAA,CAAA;AAEX,MAAI,IAAA,UAAA,CAAW,SAAS,CAAG,EAAA;AAEzB,QAAA,KAAA,GAAQ,MAAS,GAAA,UAAA,CAAW,CAAC,CAAA,CAAE,IAAK,EAAA,CAAA;AACpC,QAAA,YAAA,GAAe,WAAW,CAAC,CAAA,CAAE,IAAK,EAAA,CAAE,MAAM,GAAG,CAAA,CAAA;AAAA,OACxC,MAAA;AACL,QAAA,YAAA,GAAe,WAAW,CAAC,CAAA,CAAE,IAAK,EAAA,CAAE,MAAM,GAAG,CAAA,CAAA;AAC7C,QAAA,KAAA,GAAQ,aAAa,GAAI,EAAA,CAAA;AAAA,OAC3B;AACA,MAAA,IAAA,CAAK,QAAQ,KAAS,IAAA,MAAA,CAAA;AACtB,MAAA,IAAA,CAAK,CAAI,GAAA,QAAA,CAAS,YAAa,CAAA,CAAC,CAAC,CAAK,IAAA,CAAA,CAAA;AACtC,MAAA,IAAA,CAAK,CAAI,GAAA,QAAA,CAAS,YAAa,CAAA,CAAC,CAAC,CAAK,IAAA,CAAA,CAAA;AACtC,MAAA,IAAA,CAAK,KAAQ,GAAA,QAAA,CAAS,YAAa,CAAA,CAAC,CAAC,CAAK,IAAA,CAAA,CAAA;AAC1C,MAAA,IAAA,CAAK,MAAS,GAAA,QAAA,CAAS,YAAa,CAAA,CAAC,CAAC,CAAK,IAAA,CAAA,CAAA;AAE3C,MAAM,MAAA,OAAA,GAAU,CAAC,KAAe,KAAA;AAC9B,QAAA,IAAI,IAAO,GAAA,KAAA,EAAO,OAAQ,CAAA,SAAA,EAAW,EAAE,CAAK,IAAA,IAAA,CAAA;AAC5C,QAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,KAAM,CAAI,CAAA,EAAA;AAC9B,UAAO,IAAA,GAAA,IAAA,CAAA;AAAA,SACT;AACA,QAAO,OAAA,IAAA,CAAA;AAAA,OACT,CAAA;AACA,MAAA,IAAA,CAAK,MAAS,GAAA,OAAA,CAAQ,YAAa,CAAA,CAAC,CAAC,CAAA,CAAA;AACrC,MAAA,IAAA,CAAK,MAAS,GAAA,OAAA,CAAQ,YAAa,CAAA,CAAC,CAAC,CAAA,CAAA;AACrC,MAAA,IAAA,CAAK,UAAa,GAAA,OAAA,CAAQ,YAAa,CAAA,CAAC,CAAC,CAAA,CAAA;AACzC,MAAA,IAAA,CAAK,WAAc,GAAA,OAAA,CAAQ,YAAa,CAAA,CAAC,CAAC,CAAA,CAAA;AAC1C,MAAS,QAAA,CAAA,IAAA,GAAO,MAAM,OAAU,GAAA,CAAA,GAAK,KAAK,CAAI,GAAA,KAAA,CAAM,GAAO,GAAA,KAAA,CAAM,OAAW,IAAA,CAAA,CAAA;AAC5E,MAAS,QAAA,CAAA,GAAA,GAAM,MAAM,OAAU,GAAA,CAAA,GAAK,KAAK,CAAI,GAAA,KAAA,CAAM,GAAO,GAAA,KAAA,CAAM,OAAW,IAAA,CAAA,CAAA;AAAA,KAC7E,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,CAAC,IAAc,KAAA;AAC9B,MAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,CAAA;AACnB,MAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,KACjB,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AAEd,MAAA,SAAA,CAAU,MAAM,UAAU,CAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"style-shadow-content.vue2.js","sources":["../../../src/style-shadow-input/src/style-shadow-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleShadowContent',\n});\n</script>\n<template>\n <div ref=\"el\" class=\"dk-style-shadow-content\" :style=\"{ '--shadow-box-width': boxSize + 'px' }\">\n <el-form label-width=\"60px\" label-position=\"left\" class=\"shadow-form-content\" :size=\"size\">\n <el-form-item label=\"模式\">\n <el-radio-group v-model=\"form.type\">\n <el-radio-button value=\"external\">外部</el-radio-button>\n <el-radio-button value=\"inset\">内部</el-radio-button>\n </el-radio-group>\n </el-form-item>\n <el-form-item label=\"颜色\">\n <dk-color-input v-model=\"form.color\" show-alpha></dk-color-input>\n </el-form-item>\n <el-form-item label=\"x轴\">\n <div class=\"flex\">\n <el-input v-model=\"form.x\" type=\"number\"> </el-input>\n <el-select v-model=\"form.x_unit\" placeholder=\"请选择\">\n <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n </el-select>\n </div>\n </el-form-item>\n <el-form-item label=\"y轴\">\n <div class=\"flex\">\n <el-input v-model=\"form.y\" type=\"number\"> </el-input>\n <el-select v-model=\"form.y_unit\" placeholder=\"请选择\" class=\"w-40px\">\n <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n </el-select>\n </div>\n </el-form-item>\n <el-form-item label=\"模糊\">\n <div class=\"flex\">\n <el-input v-model=\"form.vague\" type=\"number\"> </el-input>\n <el-select v-model=\"form.vague_unit\" placeholder=\"请选择\">\n <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n </el-select>\n </div>\n </el-form-item>\n <el-form-item label=\"扩展\">\n <div class=\"flex\">\n <el-input v-model=\"form.extend\" type=\"number\"> </el-input>\n <el-select v-model=\"form.extend_unit\" placeholder=\"请选择\">\n <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n </el-select>\n </div>\n </el-form-item>\n </el-form>\n <div class=\"shadow-content-shortcut\">\n <div class=\"default-css m-b-10px\">\n <div class=\"m-b-10px\">常用样式</div>\n <el-button v-for=\"(item, key) in props.defaultStyles\" :key=\"key\" size=\"small\" @click=\"setStyle(item)\">{{\n item.label\n }}</el-button>\n </div>\n <div\n ref=\"box\"\n class=\"shadow-content-box\"\n :class=\"down ? 'down' : ''\"\n :style=\"{ height: boxSize + 'px', width: boxSize + 'px' }\"\n @click=\"getMouseXY($event, 1)\"\n @mousedown=\"onMousedown\"\n @mouseup=\"down = false\"\n @mousemove=\"getMouseXY($event, 0)\"\n >\n <span id=\"spot\" :style=\"spotStyle\">\n <i id=\"center\" />\n </span>\n <span id=\"center-spot\" :style=\"{ top: boxSize / 2 + 'px', left: boxSize / 2 + 'px' }\" />\n <div class=\"x-hr\" :style=\"{ top: boxSize / 2 + 'px' }\" />\n <div class=\"y-hr\" :style=\"{ left: boxSize / 2 + 'px' }\" />\n <div class=\"line\" :style=\"lineStyle\" />\n </div>\n </div>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\n// interface StyleOption {\n// label: string\n// value: string\n// }\nconst props = defineProps({\n boxSize: {\n default: 180,\n type: Number,\n },\n size: {\n default: 'small',\n type: String,\n },\n max: {\n default: 24,\n type: Number,\n },\n modelValue: {\n default: '0px 0px 0px rgba(0, 0, 0, 0)',\n type: String,\n },\n defaultStyles: {\n default: () => {\n return [\n { label: '经典', value: '3px 5px 7px 2px #CBCBCBFF' },\n { label: '扁平', value: '4px 4px 3px -2px #E7E5E5FF' },\n { label: '立体', value: '1px 2px 4px 2px #979797FF' },\n ]\n },\n type: Array as () => any,\n },\n})\nconst form = reactive({\n color: '',\n type: 'external',\n x: 0,\n y: 0,\n vague: 0,\n extend: 0,\n x_unit: 'px',\n y_unit: 'px',\n vague_unit: 'px',\n extend_unit: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst down = ref(false)\nconst position: any = reactive({\n left: 0,\n top: 0,\n})\n\nconst lineStyle = ref('')\nconst box = ref()\nconst spotStyle = computed(() => {\n return {\n left: position.left + 'px',\n top: position.top + 'px',\n }\n})\n\nconst getMouseXY = (e: any, force: any) => {\n if (down.value \|\| force) {\n const _box = box.value.getBoundingClientRect()\n position.left = parseInt(String(e.clientX - _box.x))\n position.top = parseInt(String(e.clientY - _box.y))\n }\n}\n\nwatch(position, () => {\n form.x = parseInt(String(((position.left - props.boxSize / 2) / props.boxSize) * props.max))\n form.y = parseInt(String(((position.top - props.boxSize / 2) / props.boxSize) * props.max))\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(form, () => {\n let value = `${form.x}${form.x_unit} ${form.y}${form.y_unit} ${form.vague}${form.vague_unit} ${form.extend}${form.extend_unit} ${form.color}`\n if (form.type === 'inset') {\n value = value + ' inset'\n }\n emit('update:modelValue', value)\n})\nconst onMousedown = (e: any) => {\n getMouseXY(e, 1)\n down.value = true\n}\n\nconst initStyle = (modelValue: any) => {\n if (modelValue?.indexOf(' inset') > -1) {\n form.type = 'inset'\n modelValue = modelValue.replace(' inset', '')\n }\n const shadowData = modelValue.split('rgba')\n let color, shadowValues: any\n\n if (shadowData.length > 1) {\n // 将颜色值和其他阴影值进行分离\n color = 'rgba' + shadowData[1].trim()\n shadowValues = shadowData[0].trim().split(' ')\n } else {\n shadowValues = shadowData[0].trim().split(' ')\n color = shadowValues.pop()\n }\n form.color = color \|\| '#000'\n form.x = parseInt(shadowValues[0]) \|\| 0\n form.y = parseInt(shadowValues[1]) \|\| 0\n form.vague = parseInt(shadowValues[2]) \|\| 0\n form.extend = parseInt(shadowValues[3]) \|\| 0\n\n const getUnit = (value: any) => {\n let unit = value?.replace(/[-\\d.]/g, '') \|\| 'px'\n if (units.indexOf(unit) === -1) {\n unit = 'px'\n }\n return unit\n }\n form.x_unit = getUnit(shadowValues[0])\n form.y_unit = getUnit(shadowValues[1])\n form.vague_unit = getUnit(shadowValues[2])\n form.extend_unit = getUnit(shadowValues[3])\n position.left = props.boxSize / 2 + (form.x / props.max) * props.boxSize \|\| 0\n position.top = props.boxSize / 2 + (form.y / props.max) * props.boxSize \|\| 0\n}\n\nconst setStyle = (item: any) => {\n const style = item.value\n initStyle(style)\n}\n\nonMounted(() => {\n // let modelValue = props.modelValue\n initStyle(props.modelValue)\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","useElementSize","reactive","computed","watch","onMounted"],"mappings":"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"}

package/lib/style-shadow-input/src/style-shadow-input.vue.js CHANGED Viewed

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

package/lib/style-shadow-input/src/style-shadow-input.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style-shadow-input.vue2.js","sources":["../../../src/style-shadow-input/src/style-shadow-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleShadowInput',\n});\n</script>\n<template>\n <div class=\"dk-style-shadow-input\">\n <el-collapse v-if=\"type === 'collapse'\" v-model=\"activeName\" accordion>\n <el-collapse-item\n v-for=\"(item, key) in shadows\"\n :key=\"key\"\n :title=\"item\"\n :name=\"key + ''\"\n >\n <dk-style-shadow-content\n v-model=\"shadows[key]\"\n ></dk-style-shadow-content>\n </el-collapse-item>\n </el-collapse>\n <ul v-else class=\"shadow-list\">\n <li v-for=\"(item, key) in shadows\" :key=\"key\">\n <el-input v-model=\"shadows[key]\" disabled>\n <template #append>\n <el-popover\n placement=\"right-start\"\n title=\"\"\n width=\"380\"\n trigger=\"click\"\n >\n <template #reference>\n <el-button>设置</el-button>\n </template>\n <dk-style-shadow-content\n v-model=\"shadows[key]\"\n ></dk-style-shadow-content>\n </el-popover>\n </template>\n </el-input>\n <dk-icon\n class=\"close-shadow\"\n icon=\"Close\"\n hover-color=\"#f00\"\n @click=\"delShadow(key)\"\n ></dk-icon>\n </li>\n </ul>\n <el-button class=\"m-t-10px w-100%\" @click=\"addShadow\">\n <dk-icon icon=\"Plus\"></dk-icon>\n </el-button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { shadowInputProps } from './props'\nimport { computed, onMounted, ref, watch } from 'vue'\n\n\n\nconst props = defineProps(shadowInputProps)\n\nconst shadows: any = ref([])\n\nconst activeName = ref('1')\nconst addShadow = () => {\n shadows.value.push('1px 1px 1px 1px #000')\n activeName.value = shadows.value.length - 1 + ''\n}\n\nconst delShadow = (index: number) => {\n shadows.value.splice(index, 1)\n}\n\nconst init = () => {\n if (props.modelValue.boxShadow) {\n shadows.value = props.modelValue.boxShadow.split(',')\n }\n}\n\nconst emit = defineEmits(['update:modelValue', 'change'])\n\nconst boxShadow = computed(() => {\n return shadows.value.join(',')\n})\n\nwatch(boxShadow, (n, o) => {\n emit('update:modelValue', { boxShadow: boxShadow.value })\n emit('change', { boxShadow: boxShadow.value })\n})\n\nwatch(\n () => props.modelValue,\n () => {\n init()\n },\n { deep: true }\n)\n\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","computed","watch","onMounted"],"mappings":";;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;~~AAyDD~~,IAAM,MAAA,OAAA,GAAeC,OAAI,CAAA,EAAE,CAAA,CAAA;AAE3B,IAAM,MAAA,UAAA,GAAaA,QAAI,GAAG,CAAA,CAAA;AAC1B,IAAA,MAAM,YAAY,MAAM;AACtB,MAAQ,OAAA,CAAA,KAAA,CAAM,KAAK,sBAAsB,CAAA,CAAA;AACzC,MAAA,UAAA,CAAW,KAAQ,GAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,GAAS,CAAI,GAAA,EAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,KAAkB,KAAA;AACnC,MAAQ,OAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAI,IAAA,KAAA,CAAM,WAAW,SAAW,EAAA;AAC9B,QAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAM,UAAW,CAAA,SAAA,CAAU,MAAM,GAAG,CAAA,CAAA;AAAA,OACtD;AAAA,KACF,CAAA;AAIA,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAO,OAAA,OAAA,CAAQ,KAAM,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAAA,KAC9B,CAAA,CAAA;AAED,IAAMC,SAAA,CAAA,SAAA,EAAW,CAAC,CAAA,EAAG,CAAM,KAAA;AACzB,MAAA,IAAA,CAAK,mBAAqB,EAAA,EAAE,SAAW,EAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AACxD,MAAA,IAAA,CAAK,QAAU,EAAA,EAAE,SAAW,EAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAAA,KAC9C,CAAA,CAAA;AAED,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"style-shadow-input.vue2.js","sources":["../../../src/style-shadow-input/src/style-shadow-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleShadowInput',\n});\n</script>\n<template>\n <div class=\"dk-style-shadow-input\">\n <el-collapse v-if=\"type === 'collapse'\" v-model=\"activeName\" accordion>\n <el-collapse-item v-for=\"(item, key) in shadows\" :key=\"key\" :title=\"item\" :name=\"key + ''\">\n <dk-style-shadow-content v-model=\"shadows[key]\"></dk-style-shadow-content>\n </el-collapse-item>\n </el-collapse>\n <ul v-else class=\"shadow-list\">\n <li v-for=\"(item, key) in shadows\" :key=\"key\">\n <el-input v-model=\"shadows[key]\" disabled>\n <template #append>\n <el-popover placement=\"right-start\" title=\"\" width=\"380\" trigger=\"click\">\n <template #reference>\n <el-button>设置</el-button>\n </template>\n <dk-style-shadow-content v-model=\"shadows[key]\"></dk-style-shadow-content>\n </el-popover>\n </template>\n </el-input>\n <dk-icon class=\"close-shadow\" icon=\"Close\" hover-color=\"#f00\" @click=\"delShadow(key)\"></dk-icon>\n </li>\n </ul>\n <el-button class=\"m-t-10px w-100%\" @click=\"addShadow\">\n <dk-icon icon=\"Plus\"></dk-icon>\n </el-button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { shadowInputProps } from './props'\nimport { computed, onMounted, ref, watch } from 'vue'\n\n\n\nconst props = defineProps(shadowInputProps)\n\nconst shadows: any = ref([])\n\nconst activeName = ref('1')\nconst addShadow = () => {\n shadows.value.push('1px 1px 1px 1px #000')\n activeName.value = shadows.value.length - 1 + ''\n}\n\nconst delShadow = (index: number) => {\n shadows.value.splice(index, 1)\n}\n\nconst init = () => {\n if (props.modelValue.boxShadow) {\n shadows.value = props.modelValue.boxShadow.split(',')\n }\n}\n\nconst emit = defineEmits(['update:modelValue', 'change'])\n\nconst boxShadow = computed(() => {\n return shadows.value.join(',')\n})\n\nwatch(boxShadow, (n, o) => {\n emit('update:modelValue', { boxShadow: boxShadow.value })\n emit('change', { boxShadow: boxShadow.value })\n})\n\nwatch(\n () => props.modelValue,\n () => {\n init()\n },\n { deep: true }\n)\n\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","computed","watch","onMounted"],"mappings":";;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAsCD,IAAM,MAAA,OAAA,GAAeC,OAAI,CAAA,EAAE,CAAA,CAAA;AAE3B,IAAM,MAAA,UAAA,GAAaA,QAAI,GAAG,CAAA,CAAA;AAC1B,IAAA,MAAM,YAAY,MAAM;AACtB,MAAQ,OAAA,CAAA,KAAA,CAAM,KAAK,sBAAsB,CAAA,CAAA;AACzC,MAAA,UAAA,CAAW,KAAQ,GAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,GAAS,CAAI,GAAA,EAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,KAAkB,KAAA;AACnC,MAAQ,OAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAI,IAAA,KAAA,CAAM,WAAW,SAAW,EAAA;AAC9B,QAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAM,UAAW,CAAA,SAAA,CAAU,MAAM,GAAG,CAAA,CAAA;AAAA,OACtD;AAAA,KACF,CAAA;AAIA,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAO,OAAA,OAAA,CAAQ,KAAM,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAAA,KAC9B,CAAA,CAAA;AAED,IAAMC,SAAA,CAAA,SAAA,EAAW,CAAC,CAAA,EAAG,CAAM,KAAA;AACzB,MAAA,IAAA,CAAK,mBAAqB,EAAA,EAAE,SAAW,EAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AACxD,MAAA,IAAA,CAAK,QAAU,EAAA,EAAE,SAAW,EAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAAA,KAC9C,CAAA,CAAA;AAED,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/table/src/components/ComSearch.vue.js CHANGED Viewed

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

package/lib/table/src/components/FieldRender.vue.js CHANGED Viewed

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

package/lib/table/src/components/RecycleDialog.vue.js CHANGED Viewed

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

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

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

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

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

package/lib/test/src/test.vue.js CHANGED Viewed

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

package/lib/tiny-editor/src/tiny-editor.vue.js CHANGED Viewed

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

package/lib/tiny-editor/src/tiny-editor.vue2.js CHANGED Viewed

@@ -41,9 +41,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       images_upload_handler: handleImageUpload,
       initialContent: "Loading editor..."
     });
-    const tinymceSrc = vue.ref(
-      "https://registry.npmmirror.com/dk-tinymce/1.0.0/files/tinymce.min.js"
-    );
+    const tinymceSrc = vue.ref("https://registry.npmmirror.com/dk-tinymce/1.0.0/files/tinymce.min.js");
     const attachmentRef = vue.ref();
     const editorRef = vue.ref();
     const showDialog = vue.computed(() => {

package/lib/tiny-editor/src/tiny-editor.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tiny-editor.vue2.js","sources":["../../../src/tiny-editor/src/tiny-editor.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkTinyEditor',\n});\n</script>\n<template>\n <div ref=\"el\" class=\"dk-tiny-editor\">\n <div v-if=\"showDialog\">\n <Editor\n ref=\"editorRef\"\n v-model=\"content\"\n :init=\"init\"\n :tinymce-script-src=\"tinymceSrc\"\n @dblclick=\"ondblclick\"\n />\n </div>\n <div v-else>\n <el-button\n type=\"primary\"\n plain\n style=\"width: 100%\"\n @click=\"showEditor = true\"\n >{{ props.buttonText }}</el-button\n >\n <dk-dialog v-model=\"showEditor\" title=\"编辑\" width=\"900px\" z-index=\"1298\">\n <Editor\n ref=\"editorRef\"\n v-model=\"content\"\n :init=\"init\"\n :tinymce-script-src=\"tinymceSrc\"\n @dblclick=\"ondblclick\"\n />\n <template #footer>\n <div class=\"text-center\">\n <el-button\n type=\"primary\"\n style=\"width: 200px\"\n @click=\"showEditor = false\"\n >确定</el-button\n >\n </div>\n </template>\n </dk-dialog>\n </div>\n <dk-attachment-dialog ref=\"attachmentRef\" :type=\"1\" @confirm=\"onSubmit\" />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport config from './config'\nimport Editor from '@tinymce/tinymce-vue'\nimport { nextTick, onMounted, ref, watch, computed } from 'vue'\nimport { UploadAttachment } from '../../api'\nimport { tinyEditorProps } from './props'\nimport { useElementSize } from '@vueuse/core'\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\nconst props = defineProps(tinyEditorProps)\nconst content = ref(props.modelValue)\nconst showEditor = ref(false)\n// 上传的地址\nconst handleImageUpload = (blobInfo: any, progress: any) =>\n new Promise((resolve, reject) => {\n UploadAttachment(blobInfo.blob())\n .then((res) => {\n progress(100)\n resolve(res.data.url)\n })\n .catch((err) => {\n reject(err)\n })\n })\n\nconst init = ref({\n ...config,\n height: props.height,\n content_css: props.document ? 'document' : '',\n images_upload_handler: handleImageUpload,\n initialContent: 'Loading editor...',\n})\n\nconst tinymceSrc = ref(\n 'https://registry.npmmirror.com/dk-tinymce/1.0.0/files/tinymce.min.js'\n)\nconst attachmentRef = ref()\nconst editorRef = ref()\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\n\nconst showDialog = computed(() => {\n return width.value >= props.showDialogWidth\n})\n\nwatch(\n () => props.modelValue,\n (newValue) => {\n content.value = newValue\n }\n)\n\nwatch(\n () => content.value,\n (newValue) => {\n emit('update:modelValue', newValue)\n emit('input', newValue)\n emit('change', newValue)\n }\n)\n\nonMounted(() => {\n nextTick(() => {\n initShowImage()\n })\n})\n\nwatch(\n () => editorRef.value,\n () => {\n if (editorRef.value?.getEditor()) {\n editorRef.value.getEditor().on('showImage', () => {\n attachmentRef.value.open()\n })\n }\n }\n)\n\nconst initShowImage = () => {\n if (!editorRef.value?.getEditor()) {\n setTimeout(() => {\n initShowImage()\n }, 1000)\n } else {\n editorRef.value.getEditor().on('showImage', () => {\n attachmentRef.value.open()\n })\n }\n}\n\nconst onSubmit = (chooseFileList: any) => {\n const editor = editorRef.value.getEditor()\n let html = ''\n chooseFileList.forEach((item: any) => {\n html += '<img src=\"' + item.url + '\" alt=\"\" width=\"100%\">'\n })\n editor.insertContent(html)\n}\n\nconst ondblclick = (editor: any) => {\n console.log(editor)\n}\n</script>\n"],"names":["__MACROS_defineComponent","ref","useElementSize","UploadAttachment","config","computed","watch","onMounted","nextTick"],"mappings":";;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;~~AAoDD~~,IAAM,MAAA,EAAA,GAAUC,QAAI,IAAI,CAAA,CAAA;AACxB,IAAA,MAAM,EAAE,KAAA,EAAU,GAAAC,mBAAA,CAAe,EAAE,CAAA,CAAA;AAInC,IAAM,MAAA,OAAA,GAAUD,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACpC,IAAM,MAAA,UAAA,GAAaA,QAAI,KAAK,CAAA,CAAA;AAE5B,IAAM,MAAA,iBAAA,GAAoB,CAAC,QAAe,EAAA,QAAA,KACxC,IAAI,OAAQ,CAAA,CAAC,SAAS,MAAW,KAAA;AAC/B,MAAAE,2BAAA,CAAiB,SAAS,IAAK,EAAC,CAC7B,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACb,QAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AACZ,QAAQ,OAAA,CAAA,GAAA,CAAI,KAAK,GAAG,CAAA,CAAA;AAAA,OACrB,CAAA,CACA,KAAM,CAAA,CAAC,GAAQ,KAAA;AACd,QAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA,OACX,CAAA,CAAA;AAAA,KACJ,CAAA,CAAA;AAEH,IAAA,MAAM,OAAOF,OAAI,CAAA;AAAA,MACf,GAAGG,cAAA;AAAA,MACH,QAAQ,KAAM,CAAA,MAAA;AAAA,MACd,WAAA,EAAa,KAAM,CAAA,QAAA,GAAW,UAAa,GAAA,EAAA;AAAA,MAC3C,qBAAuB,EAAA,iBAAA;AAAA,MACvB,cAAgB,EAAA,mBAAA;AAAA,KACjB,CAAA,CAAA;AAED,~~IAAA~~,~~MAAM~~,~~UAAa~~,~~GAAAH~~,~~OAAA;AAAA~~,~~MACjB~~,~~sEAAA;AAAA~~,~~KACF,~~CAAA;~~AACA~~,IAAA,MAAM,gBAAgBA,OAAI,EAAA,CAAA;AAC1B,IAAA,MAAM,YAAYA,OAAI,EAAA,CAAA;AAGtB,IAAM,MAAA,UAAA,GAAaI,aAAS,MAAM;AAChC,MAAO,OAAA,KAAA,CAAM,SAAS,KAAM,CAAA,eAAA,CAAA;AAAA,KAC7B,CAAA,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,QAAa,KAAA;AACZ,QAAA,OAAA,CAAQ,KAAQ,GAAA,QAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,OAAQ,CAAA,KAAA;AAAA,MACd,CAAC,QAAa,KAAA;AACZ,QAAA,IAAA,CAAK,qBAAqB,QAAQ,CAAA,CAAA;AAClC,QAAA,IAAA,CAAK,SAAS,QAAQ,CAAA,CAAA;AACtB,QAAA,IAAA,CAAK,UAAU,QAAQ,CAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAAC,YAAA,CAAS,MAAM;AACb,QAAc,aAAA,EAAA,CAAA;AAAA,OACf,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAAF,SAAA;AAAA,MACE,MAAM,SAAU,CAAA,KAAA;AAAA,MAChB,MAAM;AACJ,QAAI,IAAA,SAAA,CAAU,KAAO,EAAA,SAAA,EAAa,EAAA;AAChC,UAAA,SAAA,CAAU,KAAM,CAAA,SAAA,EAAY,CAAA,EAAA,CAAG,aAAa,MAAM;AAChD,YAAA,aAAA,CAAc,MAAM,IAAK,EAAA,CAAA;AAAA,WAC1B,CAAA,CAAA;AAAA,SACH;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,IAAI,CAAC,SAAA,CAAU,KAAO,EAAA,SAAA,EAAa,EAAA;AACjC,QAAA,UAAA,CAAW,MAAM;AACf,UAAc,aAAA,EAAA,CAAA;AAAA,WACb,GAAI,CAAA,CAAA;AAAA,OACF,MAAA;AACL,QAAA,SAAA,CAAU,KAAM,CAAA,SAAA,EAAY,CAAA,EAAA,CAAG,aAAa,MAAM;AAChD,UAAA,aAAA,CAAc,MAAM,IAAK,EAAA,CAAA;AAAA,SAC1B,CAAA,CAAA;AAAA,OACH;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,CAAC,cAAwB,KAAA;AACxC,MAAM,MAAA,MAAA,GAAS,SAAU,CAAA,KAAA,CAAM,SAAU,EAAA,CAAA;AACzC,MAAA,IAAI,IAAO,GAAA,EAAA,CAAA;AACX,MAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,IAAc,KAAA;AACpC,QAAQ,IAAA,IAAA,YAAA,GAAe,KAAK,GAAM,GAAA,wBAAA,CAAA;AAAA,OACnC,CAAA,CAAA;AACD,MAAA,MAAA,CAAO,cAAc,IAAI,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAM,MAAA,UAAA,GAAa,CAAC,MAAgB,KAAA;AAClC,MAAA,OAAA,CAAQ,IAAI,MAAM,CAAA,CAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"tiny-editor.vue2.js","sources":["../../../src/tiny-editor/src/tiny-editor.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkTinyEditor',\n});\n</script>\n<template>\n <div ref=\"el\" class=\"dk-tiny-editor\">\n <div v-if=\"showDialog\">\n <Editor ref=\"editorRef\" v-model=\"content\" :init=\"init\" :tinymce-script-src=\"tinymceSrc\" @dblclick=\"ondblclick\" />\n </div>\n <div v-else>\n <el-button type=\"primary\" plain style=\"width: 100%\" @click=\"showEditor = true\">{{ props.buttonText }}</el-button>\n <dk-dialog v-model=\"showEditor\" title=\"编辑\" width=\"900px\" z-index=\"1298\">\n <Editor\n ref=\"editorRef\"\n v-model=\"content\"\n :init=\"init\"\n :tinymce-script-src=\"tinymceSrc\"\n @dblclick=\"ondblclick\"\n />\n <template #footer>\n <div class=\"text-center\">\n <el-button type=\"primary\" style=\"width: 200px\" @click=\"showEditor = false\">确定</el-button>\n </div>\n </template>\n </dk-dialog>\n </div>\n <dk-attachment-dialog ref=\"attachmentRef\" :type=\"1\" @confirm=\"onSubmit\" />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport config from './config'\nimport Editor from '@tinymce/tinymce-vue'\nimport { nextTick, onMounted, ref, watch, computed } from 'vue'\nimport { UploadAttachment } from '../../api'\nimport { tinyEditorProps } from './props'\nimport { useElementSize } from '@vueuse/core'\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\nconst props = defineProps(tinyEditorProps)\nconst content = ref(props.modelValue)\nconst showEditor = ref(false)\n// 上传的地址\nconst handleImageUpload = (blobInfo: any, progress: any) =>\n new Promise((resolve, reject) => {\n UploadAttachment(blobInfo.blob())\n .then((res) => {\n progress(100)\n resolve(res.data.url)\n })\n .catch((err) => {\n reject(err)\n })\n })\n\nconst init = ref({\n ...config,\n height: props.height,\n content_css: props.document ? 'document' : '',\n images_upload_handler: handleImageUpload,\n initialContent: 'Loading editor...',\n})\n\nconst tinymceSrc = ref('https://registry.npmmirror.com/dk-tinymce/1.0.0/files/tinymce.min.js')\nconst attachmentRef = ref()\nconst editorRef = ref()\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\n\nconst showDialog = computed(() => {\n return width.value >= props.showDialogWidth\n})\n\nwatch(\n () => props.modelValue,\n (newValue) => {\n content.value = newValue\n }\n)\n\nwatch(\n () => content.value,\n (newValue) => {\n emit('update:modelValue', newValue)\n emit('input', newValue)\n emit('change', newValue)\n }\n)\n\nonMounted(() => {\n nextTick(() => {\n initShowImage()\n })\n})\n\nwatch(\n () => editorRef.value,\n () => {\n if (editorRef.value?.getEditor()) {\n editorRef.value.getEditor().on('showImage', () => {\n attachmentRef.value.open()\n })\n }\n }\n)\n\nconst initShowImage = () => {\n if (!editorRef.value?.getEditor()) {\n setTimeout(() => {\n initShowImage()\n }, 1000)\n } else {\n editorRef.value.getEditor().on('showImage', () => {\n attachmentRef.value.open()\n })\n }\n}\n\nconst onSubmit = (chooseFileList: any) => {\n const editor = editorRef.value.getEditor()\n let html = ''\n chooseFileList.forEach((item: any) => {\n html += '<img src=\"' + item.url + '\" alt=\"\" width=\"100%\">'\n })\n editor.insertContent(html)\n}\n\nconst ondblclick = (editor: any) => {\n console.log(editor)\n}\n</script>\n"],"names":["__MACROS_defineComponent","ref","useElementSize","UploadAttachment","config","computed","watch","onMounted","nextTick"],"mappings":"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"}

package/lib/tiny-editor/style/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dk-tiny-editor{width:100%}.dk-tiny-editor textarea{~~opacity~~:0;height:400px;~~width~~:~~100%~~}
1	+ .dk-tiny-editor{width:100%}.dk-tiny-editor textarea{width:100%;height:400px;opacity:0}

package/lib/tiny-editor/style/index.scss CHANGED Viewed

@@ -1,8 +1,9 @@
 .dk-tiny-editor {
   width: 100%;
   textarea {
-    opacity: 0;
-    height: 400px;
     width: 100%;
+    height: 400px;
+    opacity: 0;
   }
 }

package/lib/video-input/src/video-input.vue.js CHANGED Viewed

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

package/lib/video-list-input/src/video-list-input.vue.js CHANGED Viewed

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

package/package.json CHANGED Viewed

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