@vipl520/dk-ui 1.0.53 → 1.0.54

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

@@ -17,8 +17,7 @@ const _hoisted_5 = {
   class: "m-r-5px m-b-5px"
 };
 const _hoisted_6 = { class: "m-r-5px m-b-5px" };
-const _hoisted_7 = { class: "m-r-5px m-b-5px" };
-const _hoisted_8 = { class: "m-b-5px" };
+const _hoisted_7 = { class: "m-b-5px" };
 const __default__ = vue.defineComponent({
   name: "DkStyleFontInput"
 });
@@ -88,8 +87,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const _component_el_option = vue.resolveComponent("el-option");
       const _component_el_select = vue.resolveComponent("el-select");
       const _component_dk_icon = vue.resolveComponent("dk-icon");
-      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
-      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_button_group = vue.resolveComponent("el-button-group");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createCommentVNode("    \u989C\u8272\u3001\u5B57\u53F7\u3001\u7C97\u7EC6\u3001\u98CE\u683C\u3001\u88C5\u9970"),
         vue.createElementVNode("div", _hoisted_2, [
@@ -126,291 +124,126 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             _: 1
             /* STABLE */
           }),
-          vue.createVNode(_component_el_tooltip, {
-            placement: "top-end",
-            trigger: "hover",
-            "show-after": showAfter,
-            "hide-after": hideAfter
-          }, {
-            content: vue.withCtx(() => [
-              vue.createTextVNode(" \u5B57\u53F7 "),
-              vue.createVNode(_component_el_button, {
-                size: "small",
-                icon: "Refresh",
-                color: "var(--el-text-color-primary)",
-                disabled: styles.fontSize === "",
-                onClick: _cache[2] || (_cache[2] = ($event) => clear("fontSize"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode("\u91CD\u7F6E")
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled"])
-            ]),
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_4, [
-                vue.createVNode(_component_el_select, {
-                  modelValue: styles.fontSize,
-                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => styles.fontSize = $event),
-                  "remote-show-suffix": false,
-                  placeholder: "\u5B57\u53F7",
-                  "allow-create": "",
-                  filterable: true
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createElementBlock(
-                      vue.Fragment,
-                      null,
-                      vue.renderList(["12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "40px", "48px"], (item) => {
-                        return vue.createVNode(_component_el_option, {
-                          key: item,
-                          label: item,
-                          value: item
-                        }, null, 8, ["label", "value"]);
-                      }),
-                      64
-                      /* STABLE_FRAGMENT */
-                    ))
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["modelValue"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          vue.createVNode(_component_el_tooltip, {
-            placement: "top-end",
-            trigger: "hover",
-            "show-after": showAfter,
-            "hide-after": hideAfter
-          }, {
-            content: vue.withCtx(() => [
-              vue.createTextVNode(" \u7C97\u7EC6 "),
-              vue.createVNode(_component_el_button, {
-                size: "small",
-                icon: "Refresh",
-                color: "var(--el-text-color-primary)",
-                disabled: styles.fontWeight === "",
-                onClick: _cache[4] || (_cache[4] = ($event) => clear("fontWeight"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode("\u91CD\u7F6E")
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled"])
-            ]),
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_5, [
-                vue.createVNode(_component_el_select, {
-                  modelValue: styles.fontWeight,
-                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => styles.fontWeight = $event),
-                  "remote-show-suffix": false,
-                  placeholder: "\u7C97\u7EC6",
-                  "allow-create": "",
-                  filterable: true
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createVNode(_component_el_select, {
+              modelValue: styles.fontSize,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => styles.fontSize = $event),
+              "remote-show-suffix": false,
+              placeholder: "\u5B57\u53F7",
+              "allow-create": "",
+              clearable: "",
+              filterable: true
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(["12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "40px", "48px"], (item) => {
+                    return vue.createVNode(_component_el_option, {
+                      key: item,
+                      label: item,
+                      value: item
+                    }, null, 8, ["label", "value"]);
+                  }),
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue"])
+          ]),
+          vue.createElementVNode("div", _hoisted_5, [
+            vue.createVNode(_component_el_select, {
+              modelValue: styles.fontWeight,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => styles.fontWeight = $event),
+              "remote-show-suffix": false,
+              placeholder: "\u7C97\u7EC6",
+              "allow-create": "",
+              clearable: "",
+              filterable: true
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(WeightValues, (item) => {
+                    return vue.createVNode(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }),
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue"])
+          ]),
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createVNode(_component_el_button, {
+              type: styles.fontStyle ? "primary" : "",
+              onClick: _cache[4] || (_cache[4] = ($event) => styles.fontStyle ? styles.fontStyle = "" : styles.fontStyle = "italic")
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_dk_icon, {
+                  icon: "radix-icons:font-italic",
+                  title: "\u6587\u5B57\u503E\u659C"
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["type"])
+          ]),
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.createVNode(_component_el_button_group, null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_button, {
+                  type: styles.textDecoration == "underline" ? "primary" : "",
+                  onClick: _cache[5] || (_cache[5] = ($event) => styles.textDecoration == "underline" ? styles.textDecoration = "" : styles.textDecoration = "underline")
                 }, {
                   default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createElementBlock(
-                      vue.Fragment,
-                      null,
-                      vue.renderList(WeightValues, (item) => {
-                        return vue.createVNode(_component_el_option, {
-                          key: item.value,
-                          label: item.label,
-                          value: item.value
-                        }, null, 8, ["label", "value"]);
-                      }),
-                      64
-                      /* STABLE_FRAGMENT */
-                    ))
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["modelValue"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          vue.createVNode(_component_el_tooltip, {
-            placement: "top-end",
-            trigger: "hover",
-            "show-after": showAfter,
-            "hide-after": hideAfter
-          }, {
-            content: vue.withCtx(() => [
-              vue.createTextVNode(" \u6587\u5B57\u7C97\u7EC6 "),
-              vue.createVNode(_component_el_button, {
-                size: "small",
-                icon: "Refresh",
-                color: "var(--el-text-color-primary)",
-                disabled: styles.fontWeight === "",
-                onClick: _cache[6] || (_cache[6] = ($event) => clear("fontWeight"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode("\u91CD\u7F6E")
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled"])
-            ]),
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_6, [
-                vue.createVNode(_component_el_radio_group, {
-                  modelValue: styles.fontWeight,
-                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => styles.fontWeight = $event)
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_el_radio_button, { value: "bold" }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(_component_dk_icon, {
-                          icon: "radix-icons:font-bold",
-                          title: "\u6587\u5B57\u52A0\u7C97"
-                        })
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }),
-                    vue.createVNode(_component_el_radio_button, { value: "lighter" }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(_component_dk_icon, {
-                          icon: "clarity:font-size-line",
-                          title: "\u6587\u5B57\u9ED8\u8BA4"
-                        })
-                      ]),
-                      _: 1
-                      /* STABLE */
+                    vue.createVNode(_component_dk_icon, {
+                      icon: "radix-icons:underline",
+                      title: "\u4E0B\u5212\u7EBF"
                     })
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["modelValue"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          vue.createVNode(_component_el_tooltip, {
-            placement: "top-end",
-            class: "m-r-5px",
-            trigger: "hover",
-            "show-after": showAfter,
-            "hide-after": hideAfter
-          }, {
-            content: vue.withCtx(() => [
-              vue.createTextVNode(" \u6587\u5B57\u98CE\u683C "),
-              vue.createVNode(_component_el_button, {
-                size: "small",
-                icon: "Refresh",
-                color: "var(--el-text-color-primary)",
-                disabled: styles.fontStyle === "",
-                onClick: _cache[8] || (_cache[8] = ($event) => clear("fontStyle"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode("\u91CD\u7F6E")
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled"])
-            ]),
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_7, [
-                vue.createVNode(_component_el_radio_group, {
-                  modelValue: styles.fontStyle,
-                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => styles.fontStyle = $event)
+                }, 8, ["type"]),
+                vue.createVNode(_component_el_button, {
+                  type: styles.textDecoration == "line-through" ? "primary" : "",
+                  onClick: _cache[6] || (_cache[6] = ($event) => styles.textDecoration == "line-through" ? styles.textDecoration = "" : styles.textDecoration = "line-through")
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_component_el_radio_button, { value: "italic" }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(_component_dk_icon, {
-                          icon: "radix-icons:font-italic",
-                          title: "\u6587\u5B57\u503E\u659C"
-                        })
-                      ]),
-                      _: 1
-                      /* STABLE */
+                    vue.createVNode(_component_dk_icon, {
+                      icon: "radix-icons:strikethrough",
+                      title: "\u5220\u9664\u7EBF"
                     })
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["modelValue"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          vue.createVNode(_component_el_tooltip, {
-            placement: "top-end",
-            trigger: "hover",
-            "show-after": showAfter,
-            "hide-after": hideAfter
-          }, {
-            content: vue.withCtx(() => [
-              vue.createTextVNode(" \u6587\u5B57\u88C5\u9970 "),
-              vue.createVNode(_component_el_button, {
-                size: "small",
-                icon: "Refresh",
-                color: "var(--el-text-color-primary)",
-                disabled: styles.textDecoration === "",
-                onClick: _cache[10] || (_cache[10] = ($event) => clear("textDecoration"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode("\u91CD\u7F6E")
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled"])
-            ]),
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_8, [
-                vue.createVNode(_component_el_radio_group, {
-                  modelValue: styles.textDecoration,
-                  "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => styles.textDecoration = $event)
+                }, 8, ["type"]),
+                vue.createVNode(_component_el_button, {
+                  type: styles.textDecoration == "wavy underline" ? "primary" : "",
+                  onClick: _cache[7] || (_cache[7] = ($event) => styles.textDecoration == "wavy underline" ? styles.textDecoration = "" : styles.textDecoration = "wavy underline")
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_component_el_radio_button, { value: "underline" }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(_component_dk_icon, {
-                          icon: "radix-icons:underline",
-                          title: "\u4E0B\u5212\u7EBF"
-                        })
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }),
-                    vue.createVNode(_component_el_radio_button, { value: "line-through" }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(_component_dk_icon, {
-                          icon: "radix-icons:strikethrough",
-                          title: "\u5220\u9664\u7EBF"
-                        })
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }),
-                    vue.createVNode(_component_el_radio_button, { value: "wavy underline" }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(_component_dk_icon, {
-                          icon: "mdi:format-underline-wavy",
-                          title: "\u6CE2\u6D6A\u7EBF"
-                        })
-                      ]),
-                      _: 1
-                      /* STABLE */
+                    vue.createVNode(_component_dk_icon, {
+                      icon: "mdi:format-underline-wavy",
+                      title: "\u6CE2\u6D6A\u7EBF"
                     })
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["modelValue"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
+                }, 8, ["type"])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
           vue.createVNode(_component_el_tooltip, {
             placement: "top",
             trigger: "hover",
@@ -424,7 +257,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 plain: "",
                 icon: "Delete",
                 class: "m-l-5px m-b-5px",
-                onClick: _cache[12] || (_cache[12] = ($event) => clear("all"))
+                onClick: _cache[8] || (_cache[8] = ($event) => clear("all"))
               })
             ]),
             _: 1

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

@@ -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: wrap; align-items: center\">\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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"}
+{"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: wrap; align-items: center\">\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      <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          clearable\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      <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          clearable\n          :filterable=\"true\"\n        >\n          <el-option v-for=\"item in WeightValues\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"></el-option>\n        </el-select>\n      </div>\n      <div class=\"m-r-5px m-b-5px\">\n        <el-button\n          :type=\"styles.fontStyle ? 'primary' : ''\"\n          @click=\"styles.fontStyle ? (styles.fontStyle = '') : (styles.fontStyle = 'italic')\"\n        >\n          <dk-icon icon=\"radix-icons:font-italic\" title=\"文字倾斜\"></dk-icon>\n        </el-button>\n      </div>\n      <div class=\"m-b-5px\">\n        <el-button-group>\n          <el-button\n            :type=\"styles.textDecoration == 'underline' ? 'primary' : ''\"\n            @click=\"\n              styles.textDecoration == 'underline'\n                ? (styles.textDecoration = '')\n                : (styles.textDecoration = 'underline')\n            \"\n          >\n            <dk-icon icon=\"radix-icons:underline\" title=\"下划线\"></dk-icon>\n          </el-button>\n          <el-button\n            :type=\"styles.textDecoration == 'line-through' ? 'primary' : ''\"\n            @click=\"\n              styles.textDecoration == 'line-through'\n                ? (styles.textDecoration = '')\n                : (styles.textDecoration = 'line-through')\n            \"\n          >\n            <dk-icon icon=\"radix-icons:strikethrough\" title=\"删除线\"></dk-icon>\n          </el-button>\n          <el-button\n            :type=\"styles.textDecoration == 'wavy underline' ? 'primary' : ''\"\n            @click=\"\n              styles.textDecoration == 'wavy underline'\n                ? (styles.textDecoration = '')\n                : (styles.textDecoration = 'wavy underline')\n            \"\n          >\n            <dk-icon icon=\"mdi:format-underline-wavy\" title=\"波浪线\"></dk-icon>\n          </el-button>\n        </el-button-group>\n      </div>\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.vue2.js

@@ -116,6 +116,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               type: "primary",
               plain: "",
               style: { "width": "100%" },
+              size: "small",
               onClick: _cache[1] || (_cache[1] = ($event) => drawer.value = true)
             }, {
               default: vue.withCtx(() => [

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

@@ -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    <div v-if=\"!loading\" class=\"p-5px\">\n      <el-collapse v-if=\"!props.isDrawer\" v-model=\"activeNames\">\n        <el-collapse-item v-for=\"(item, key) in _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 v-else>\n        <el-button type=\"primary\" plain style=\"width: 100%\" @click=\"drawer = true\">{{ props.drawerText }}</el-button>\n        <el-drawer v-model=\"drawer\" v-bind=\"props.drawerProps\">\n          <el-collapse v-model=\"activeNames\">\n            <el-collapse-item v-for=\"(item, key) in _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        </el-drawer>\n      </div>\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 drawer = ref(false)\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}\n\nconst _components: any = ref([])\nconst init = () => {\n  _components.value = props.components.filter((item: any) => {\n    return !props.hideComponents.includes(item.name)\n  })\n  const obj: any = {}\n  _components.value.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}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    init()\n  },\n  {\n    deep: true,\n  }\n)\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch","onMounted"],"mappings":";;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAgDD,IAAM,MAAA,MAAA,GAASC,QAAI,KAAK,CAAA,CAAA;AACxB,IAAA,MAAM,WAAc,GAAAA,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;AAEA,IAAM,MAAA,WAAA,GAAmBA,OAAI,CAAA,EAAE,CAAA,CAAA;AAC/B,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAM,UAAW,CAAA,MAAA,CAAO,CAAC,IAAc,KAAA;AACzD,QAAA,OAAO,CAAC,KAAA,CAAM,cAAe,CAAA,QAAA,CAAS,KAAK,IAAI,CAAA,CAAA;AAAA,OAChD,CAAA,CAAA;AACD,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAY,WAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,IAAc,KAAA;AACvC,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;AAEA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-if=\"!props.isDrawer\" v-model=\"activeNames\">\n        <el-collapse-item v-for=\"(item, key) in _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 v-else>\n        <el-button type=\"primary\" plain style=\"width: 100%\" size=\"small\" @click=\"drawer = true\">\n          {{ props.drawerText }}\n        </el-button>\n        <el-drawer v-model=\"drawer\" v-bind=\"props.drawerProps\">\n          <el-collapse v-model=\"activeNames\">\n            <el-collapse-item v-for=\"(item, key) in _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        </el-drawer>\n      </div>\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 drawer = ref(false)\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}\n\nconst _components: any = ref([])\nconst init = () => {\n  _components.value = props.components.filter((item: any) => {\n    return !props.hideComponents.includes(item.name)\n  })\n  const obj: any = {}\n  _components.value.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}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    init()\n  },\n  {\n    deep: true,\n  }\n)\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch","onMounted"],"mappings":";;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAkDD,IAAM,MAAA,MAAA,GAASC,QAAI,KAAK,CAAA,CAAA;AACxB,IAAA,MAAM,WAAc,GAAAA,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;AAEA,IAAM,MAAA,WAAA,GAAmBA,OAAI,CAAA,EAAE,CAAA,CAAA;AAC/B,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAM,UAAW,CAAA,MAAA,CAAO,CAAC,IAAc,KAAA;AACzD,QAAA,OAAO,CAAC,KAAA,CAAM,cAAe,CAAA,QAAA,CAAS,KAAK,IAAI,CAAA,CAAA;AAAA,OAChD,CAAA,CAAA;AACD,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAY,WAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,IAAc,KAAA;AACvC,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;AAEA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/style-shadow-input/src/style-shadow-input.vue2.js

@@ -22,7 +22,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const shadows = vue.ref([]);
     const activeName = vue.ref("1");
     const addShadow = () => {
-      shadows.value.push("1px 1px 1px 1px #000");
+      shadows.value.push("2px 2px 3px 2px #E7E5E5FF");
       activeName.value = shadows.value.length - 1 + "";
     };
     const delShadow = (index) => {

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

@@ -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 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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('2px 2px 3px 2px #E7E5E5FF')\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,2BAA2B,CAAA,CAAA;AAC9C,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/test/index.d.ts

@@ -7,7 +7,7 @@ export declare const Test: import("@vipl520/utils").WithInstall<import("vue").De
         default: string;
         type: StringConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onChooseUrl"[], "onChooseUrl", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: import("vue").PropType<string>;
         default: string;
@@ -16,7 +16,9 @@ export declare const Test: import("@vipl520/utils").WithInstall<import("vue").De
         default: string;
         type: StringConstructor;
     };
-}>>, {
+}>> & {
+    onOnChooseUrl?: ((...args: any[]) => any) | undefined;
+}, {
     type: string;
     test: string;
 }, {}>>;

package/lib/test/src/test.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onChooseUrl"[], "onChooseUrl", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: import("vue").PropType<string>;
         default: string;
@@ -16,7 +16,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
-}>>, {
+}>> & {
+    onOnChooseUrl?: ((...args: any[]) => any) | undefined;
+}, {
     type: string;
     test: string;
 }, {}>;